<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<title></title>
		<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
		<link rel="stylesheet" href="https://static.91haoka.cn/vant.css" />
		<script src="https://static.91haoka.cn/vue.min.js"></script>
		<script src="https://static.91haoka.cn/vantall.js"></script>
		<script src="https://static.91haoka.cn/axios.min.js"></script>
		<link rel="stylesheet" type="text/css" href="https://static.91haoka.cn/all.css" />
		<script src="https://res.wx.qq.com/open/js/jweixin-1.6.0.js"></script>
		<script src="https://cdn.rockysports.cn/moment.js" type="text/javascript" charset="utf-8"></script>
		
		<!-- 快手回调用 -->
		<script type="text/javascript">
			(function(root) {
				var ksscript = document.createElement('script');
				ksscript.setAttribute('charset', 'utf-8');
				ksscript.src = '//p2-yx.adkwai.com/udata/pkg/ks-ad-trace-sdk/ks-trace.3.2.0.min.js';
				var s = document.getElementsByTagName('script')[0];
				s.parentNode.insertBefore(ksscript, s);
			})(window);
		</script>
	</head>
	<style type="text/css">
		* {
			box-sizing: border-box;
			font-family: 'PingFang SC';
			font-size: 14px;
		}
		[v-cloak] {
			display: none;
		}

		.center {
			padding: 0.2rem 0;
		}

		.smalltitle {
			color: #3976ff;
			padding: 0.2rem;
			border-bottom: 1px #EAEAEA solid;
			padding-left: 0.5rem;
			font-weight: bold;
			background: url(https://cdn.91haoka.cn/xian.png) no-repeat 0.1rem center;
			background-size: 16px;
		}

		.title {
			border-bottom: 1px #EAEAEA solid;
			line-height: 0.8rem;
			padding: 0 0.2rem;
		}

		.footer img {
			width: 100%;
			display: block;
		}

		.flex {
			display: flex;
		}

		.li {
			line-height: 0.8rem;
			padding: 0 0.5rem;
		}

		.tishi {
			flex-basis: 1.5rem;
			color: #666;
		}

		.neirong {
			flex-basis: 5rem;
			position: relative;
		}

		.van-field__control {
			color: #333;
		}

		.where {
			padding: 0px 16px;
			color: #333;
		}

		.w1 {}

		.code {
			position: absolute;
			right: 0;
			z-index: 98;
			height: 0.5rem;
			font-size: 12px;
		}

		.ps {
			font-size: 12px;
			padding: 0.2rem 0.5rem;
			color: #999;
			line-height: 0.4rem;
		}

		.ps2 {
			font-size: 12px;
			padding: 0.0rem 0.5rem;
			display: flex;
			justify-content: space-between;
			color: #e8b004;
			line-height: 0.4rem;
		}

		.buy {
			padding: 0.2rem 0.5rem;
		}

		.buy button {
			height: 40px;
			line-height: 38px;
		}

		.van-radio {
			margin-bottom: 0.15rem;
		}

		.tc {
			border: 1px #EAEAEA solid;
			padding-left: 0.2rem;
			margin-bottom: 0.1rem;
			line-height: 0.6rem;
			border-radius: 3px;
			background: #FFFFFF;
		}

		.act {
			background: #1989fa !important;
			color: #FFFFFF !important;
		}

		.van-button--disabled {
			background: #FFFFFF;
			color: #1989fa;
		}

		.van-button,
		.van-button--large,
		.buy button {
			height: auto;
			line-height: 25px;
			
		}
		.van-button span{ font-size: 12px;}
		.van-uploader{ width: 100%;height: 100%;}
		.van-uploader__wrapper{ width: 100%;height: 100%;}
		.van-uploader__upload{ width: 100%;height: 100%;}
		.van-uploader__input-wrapper{ width: 100%;height: 100%;}
		img{max-width: 100%; max-height: 100%;}
		.van-cell{ background: transparent;}
		.van-popup{ background: transparent !important; }
		.taocan{ padding: 0.2rem; border-radius:5px; border:1px #eaeaea solid; text-align:center; margin-bottom:0.2rem;}
		
		.xuanhao{ background: #fff !important; padding:0 0.2rem !important;}
		.ullist{ padding: 0.2rem 0;}
		.lili{ border: 1px #EEEEEE solid; padding: 0.2rem; color: #000;  font-weight: bold; width: 49%; margin: 0.1rem 0; text-align: center; border-radius: 0.2rem;background-color: white;}
		.lili span{
			font-size: 22px;
		}
		.van-action-sheet{max-height: 90%;}
		.van-toast__text{ color:#fff}
		.van-cell:not(:last-child)::after{border-bottom: 0;}
		
		.red{ border-bottom: 1px #f00 solid !important;}
		.hei{ color: #333 !important;}
		
		.red div{ color: #f00;}
		.red span{ color: #f00 !important;}
		.red input::-webkit-input-placeholder{
			color: #f00;
		}
		.t_fanye{
			display: flex;
			font-size: 14px;
			
			justify-content:end;
			width: 100%;
		}
		.van-checkbox__label{color: #fff;}
		.van-checkbox__label2 .van-checkbox__label{color: #000 !important;}
		.t_search_btn{
			/* width: 44px;  */
			position: absolute; 
			right: 4px; 
			top: 4px;
			background-color: #3C3C3C;
			color: white;
			border-radius: 20px;
			text-align: center;
			padding: 8px 19px;
		}
		.t_liang_box{
			display: flex;
			flex-wrap: wrap;
			width: 100%;
			margin-top: 20px;
		}
		.t_liang_tag{
			background-color: #3C3C3C;
			border-radius: 20px;
			color: white;
			width: 24%;
			margin-right: 1%;
			text-align: center;
			margin-bottom: 10px;
			font-size: 16px;
			padding: 6px 0;
		}
		.t_liang_tag_lei{
			background-color: #e8b004;
		}
		.t_fanye{
			display: flex;
			font-size: 14px;
			justify-content:space-around;
			width: 100%;
		}
		.t_changepage{
			background-color: #e8b004;
			width: 80px;
			line-height: 30px;
			text-align: center;
			color: white;
			border-radius: 4px;
		}
		.t_s_box{
			background-color: rgba(225, 225, 225, 0.5);
			box-sizing:border-box;
			border-radius: 20px;
			padding: 15px;
			/* margin-bottom: 20px; */
		}
		.t_sw{
			height: 20px;
			overflow-y: auto;
			color: white;
			text-align: center;
			margin-bottom: 10px;
		}
	</style>

	<body>
		<div id="app" style="background: rgb(215, 239, 241); min-height: 100vh; padding:0.2rem 0.2rem 1.2rem;" v-cloak>
			<div class="top">
				<div class="topimg flexcc">
					<img :src="item.details" style="border-radius: 0.2rem;">
				</div>
			</div>
	
			<div style="background: #fff; border-radius:20px; padding:0.4rem; margin-top:0.2rem; " >
				<div style="font-weight: bold; font-size: 15px; margin-bottom:0.1rem">选择套餐</div>
				<div class="taocan" :class="xuanzhongdeindex == index?'act':''" @click="xuanzhongdeindexg(index)" v-for="(item,index) in item.pages" :key="item.id">{{item.gth_page_name}}</div>
			</div>
			<div style="background: #ff3f3f; border-radius:0.2rem; padding:10px; margin-top:0.2rem;" :style="{background:peizhi.neirongcolor}"  v-if="item.take_number >0">
				<!-- 领取播报模块 -->
				<van-swipe v-if="peizhi.gm==1" class="t_sw" vertical  :autoplay="2000" 
				:style="{color:(peizhi.neirongcolor=='rgb(255, 255, 255)'?'#333333':'#00000')}" 
				:show-indicators="false">
					<van-swipe-item v-for="(item,index) in gmlist" :key="index" >{{item}}</van-swipe-item>
				</van-swipe>
				<div class="t_s_box">
					<div v-if="this.item.address_yz==1" style="margin-bottom: 3px;">收货地址必须与号码归属地一致</div>
					<div class="flex" style="align-items: center; " v-if="item.take_number >0 && item.mobile_config == 1" >
						<!--  -->
						<div style="width: 1.6rem; overflow:hidden;">选择归属地</div>
						<div style="flex-grow: 1; padding-left: 0.3rem; color: #2D3038; font-size: 0.26rem; line-height:44px; position:relative;" @click="showPopup2">
							<div class="where">
								<span v-if="shengshiqu2">{{shengshiqu2}}</span>
								<span v-else>选择地区</span>
								<van-icon name="arrow" size="14" style="position: absolute; top: 0px; line-height:44px; right:0;" />
							</div>
						</div>
					</div>
					<div class="flexcc" style="padding-top: 0.2rem;  position: relative; ">
						  <div style="padding-left: 0.3rem; color: #2D3038; background: #F6F6F6; font-size: 0.26rem; border-radius: 22px; width: 100%; position: relative;">
							  <van-field v-model="shuzi" placeholder="亲，请输入您喜欢的数字" ></van-field>
							  <div class="t_search_btn"   @click="shaixuanhao(shuzi)">搜索</div>
						  </div>
						  <div class="t_liang_box">
							<div @click="choosetag(index,item)" v-for="(item,index) in lianglist" :key="index" class="t_liang_tag"
							:style="nowchoosetag==index.toString()?(peizhi.anniucolor?{'background-color':peizhi.anniucolor}:'background-color:#e8b004'):'background-color:#3C3C3C'"
							
							>{{item.rule_name}}</div>
						  </div>
						  <van-checkbox-group v-model="choosesend" @change="checkfoutboxChange" style="display: flex;align-items: center;flex-wrap: wrap;">
							<van-checkbox checked-color="#ff4021" v-for="(item,index) in btnsear" :key="index" :name="item.rule_name" ><span style="color: #2D3038;">{{item.rule_name}}</span></van-checkbox>
						</van-checkbox-group>
					</div>
				</div>
				
				<div class="flexcc" style="padding-top: 0.2rem;  position: relative; padding-bottom: 1.5rem;">
					<div class="ullist flexb" v-if="list != ''" style="width: 100%;">
						<div class="lili" v-for="(item,index) in list" :key="index"  @click="querenxuanhao(item)">
							<span >{{item.mobile[0]}}</span><span style="color: #f00;" >{{item.mobile[1]}}</span><span >{{item.mobile[2]}}</span>
							<div style="display: flex;justify-content: space-around;font-size:12px;align-items: center;margin-top: 3px;">
								<div   style="color:#9d834e;font-weight:600;">
									立即领取
								</div>
								<div v-if="item.remark&&peizhi.jixiang!='2'"  style="color:#fc0742;background-color: #fcdece;font-size: 12px;padding: 2px 6px;border-radius: 20px;">
								   {{item.remark}}
								</div>
							</div>
						</div>
					</div>
					<div class="ullist flexb" style="color: #2D3038;" v-if="list == ''">
						暂无数据
					</div>
						<div  class="t_fanye">
						  <div v-if="pagenum!=1" 
						  class="t_changepage" :style="{background:peizhi.anniucolor}"  @click="prepage" >上一页</div>
						  <div v-if="list.length==20" class="t_changepage" :style="{background:peizhi.anniucolor}" @click="nextpage">下一页</div>
					  </div>
					  <div style="color: white;text-align: center;margin-top: 20px;" @click="refnum">换一批</div>
			  </div>
			</div>
			<div v-else>
				<div v-if="peizhi.xiantianxie == 1">
				
					<div v-if="peizhi.needidcard==1||peizhi.needidcard==undefined" style="border-radius:20px; padding:0.2rem; margin-top:0.2rem; " :style="{background:peizhi.neirongcolor}">
						<!-- 领取播报模块 -->
						<van-swipe v-if="peizhi.gm==1" class="t_sw" vertical  :autoplay="2000" 
						:style="{color:(peizhi.neirongcolor=='rgb(255, 255, 255)'?'#333333':'#00000')}" 
						:show-indicators="false">
							<van-swipe-item v-for="(item,index) in gmlist" :key="index" >{{item}}</van-swipe-item>
						</van-swipe>
						<!-- <div style="font-weight: bold; font-size: 15px; margin-bottom:0.1rem">个人信息</div> -->
						
						<!-- <div class="flex" style="align-items: center; border-bottom:1px #EAEAEA solid;">
							<div style="width: 1.8rem; overflow:hidden;">姓名</div>
							<div style="flex-grow: 1; padding-left: 0.3rem; color: #2D3038; font-size: 0.26rem;">
								<van-field v-model="all.id_name" placeholder="系统已加密，请放心填写" />
							</div>
						</div> -->
						
						<div class="flex" style="align-items: center; background: #F8F8F8; padding-left: 0.2rem; margin-bottom: 0.2rem; border-radius: 0.2rem;">
							<div style="width: 1.6rem; overflow:hidden;"><span style="margin-right:5px; color: #f00;">*</span>办理人姓名</div>
							<div style="flex-grow: 1; padding-left: 0.3rem; color: #2D3038; font-size: 0.26rem;">
								<van-field v-model="all.id_name" placeholder="请输入办理人姓名" />
							</div>
						</div>
						
						<div  class="flex" style="align-items: center; background: #F8F8F8; padding-left: 0.2rem; margin-bottom: 0.2rem;  border-radius: 0.2rem;">
							<div style="width: 1.6rem; overflow:hidden;"><span style="margin-right:5px; color: #f00;">*</span>身份证号码</div>
							<div style="flex-grow: 1; padding-left: 0.3rem; color: #2D3038; font-size: 0.26rem;">
								<van-field v-model="all.id_num" placeholder="系统已加密，请放心填写" />
							</div>
						</div>
					
					
					<!-- <div style=" border-radius:5px; padding:0.4rem; margin-top:0.2rem;"  :style="{background:peizhi.neirongcolor}">
						<div style="font-weight: bold; font-size: 15px; margin-bottom:0.1rem">配送信息</div> -->
						<div class="flex" style="align-items: center; background: #F8F8F8; padding-left: 0.2rem; margin-bottom: 0.2rem;  border-radius: 0.2rem;" v-if="!peizhi.shouhuorenxingming">
							<div style="width: 1.8rem; overflow:hidden;"><span style="margin-right:5px; color: #f00;">*</span>收货人</div>
							<div style="flex-grow: 1; padding-left: 0.3rem; color: #2D3038; font-size: 0.26rem;">
								<van-field v-model="all.name" placeholder="系统已加密，请放心填写" />
							</div>
						</div>
						<div class="flex" style="align-items: center; background: #F8F8F8; padding-left: 0.2rem;  margin-bottom: 0.2rem; border-radius: 0.2rem;">
							<div style="width: 1.8rem; overflow:hidden;"><span style="margin-right:5px; color: #f00;">*</span>联系电话</div>
							<div style="flex-grow: 1; padding-left: 0.3rem; color: #2D3038; font-size: 0.26rem;">
								<van-field v-model="all.mobile" placeholder="系统已加密，请放心填写" />
							</div>
						</div>
						<div class="flex" style="align-items: center; background: #F8F8F8; padding-left: 0.2rem;  margin-bottom: 0.2rem; border-radius: 0.2rem; position:relative;" v-if="peizhi.duanxin">
							<div style="width: 1.8rem; overflow:hidden;"><span style="margin-right:5px; color: #f00;">*</span>验证码</div>
							<div style="flex-grow: 1; padding-left: 0.3rem; color: #2D3038; font-size: 0.26rem;">
								<div class="code" style="right: 0.2rem; top:0.2rem; "><van-button type="info" size="small" @click="getcode" type="tel" :disabled="yzmuse" style="font-size: 12px;" >{{yzm}}</van-button></div>
								<van-field v-model="all.code" placeholder="请输入验证码" />
							</div>
						</div>
					
						<div class="flex" style="align-items: center;background: #F8F8F8; padding-left: 0.2rem;  margin-bottom: 0.2rem; border-radius: 0.2rem;">
							<div style="width: 1.8rem; overflow:hidden;"><span style="margin-right:5px; color: #f00;">*</span>所在地区</div>
							<div style="flex-grow: 1; padding-left: 0.3rem; color: #2D3038; font-size: 0.26rem; padding: 10px 0; width: 0; position:relative;" @click="showPopup">
								<div class="where">{{shengshiqu}}
									<van-icon name="arrow" size="14" style="position: absolute; top: 0px; line-height:44px; right:0;" />
								</div>
							</div>
						</div>
						<div class="flex" style="align-items: center; background: #F8F8F8; padding-left: 0.2rem; margin-bottom: 0.2rem;  border-radius: 0.2rem;">
							<div style="width: 1.8rem; overflow:hidden;"><span style="margin-right:5px; color: #f00;">*</span>详细地址</div>
							<div style="flex-grow: 1; padding-left: 0.3rem; color: #2D3038; font-size: 0.26rem;">
								<van-field v-model="all.address" placeholder="小区，写字楼，门牌号等" />
							</div>
						</div>
						<!-- <div class="flex" style="align-items: center; border-bottom:1px #EAEAEA solid;">
							<div style="width: 1.8rem; overflow:hidden;">上传相关证件</div>
							<div style="flex-grow: 1; padding-left: 0.3rem; color: #2D3038;  text-align:right;">
								<van-icon name="arrow" size="14" style=" line-height:44px;" />
							</div>
						</div> -->
						
						
						<div style=" color: #fff; font-size: 12px; padding: 0.2rem 0.25rem 0; " :style="{'color':peizhi.yansename=='白色'?'#000':'#fff'}">
							*请填写真实身份信息及电话地址信息，填写错误会导致无法发货
						</div>
						<div v-if="peizhi.shenfenzheng">
							<div :style="{'color':peizhi.yansename=='白色'?'#000':'#fff'}" style="font-size: 0.3rem; padding:0.3rem 0.25rem 0">身份证照片上传：</div>
							<div style="border-bottom:1px #EAEAEA solid; padding:0.3rem 0.25rem" :style="{'color':peizhi.yansename=='白色'?'#000':'#fff'}">
								根据运营商要求，该套餐需上传身份证照片才可开卡，该照片仅用于运营商开卡，请按照要求上传正确的照片。
							</div>
							<div class="flex" style="padding: 0.25rem 0;justify-content: space-around;">
								<div style="width: 3rem; background: #f7f8fa;" class="flexcc">
									
									<div style="width: 100%; height: 100%;">
										<van-uploader :after-read="afterRead1"  deletable="false" preview-size="3rem" show-upload="false" >
											<div v-if="all.face_url"><img :src="all.face_url" style="width: 3rem; "></div>
											<div style="width: 100%; height: 100%;" class="flexcc" v-if="!all.face_url"><van-icon name="photograph" color="#999" size="30" /></div>
										</van-uploader>
									</div>
								</div>
								<div style="width: 3rem;" class="flexcc">
									<img src="./img/face.jpg" style="width: 3rem;">
								</div>
							</div>
							<div style="padding: 0.1rem 0.25rem;" :style="{'color':peizhi.yansename=='白色'?'#000':'#fff'}">证件四角边缘空隙2厘米以上，手机横拍，照片清晰不模糊，无水印，无反光，无PS</div>
							<div class="flex" style="padding: 0.25rem 0;justify-content: space-around;">
								<div style="width: 3rem; background: #f7f8fa;" class="flexcc">
									
									<div style="width: 100%; height: 100%;">
										<van-uploader :after-read="afterRead2"  deletable="false" preview-size="3rem" show-upload="false" >
											<div v-if="all.back_url"><img :src="all.back_url" style="width: 3rem;"></div>
											<div style="width: 100%; height: 100%;" class="flexcc" v-if="!all.back_url"><van-icon name="photograph" color="#999" size="30" /></div>
										</van-uploader>
									</div>
								</div>
								<div style="width: 3rem;" class="flexcc">
									<img src="./img/back.jpg" style="width: 3rem;">
								</div>
							</div>
							<div style="padding: 0.1rem 0.25rem;" :style="{'color':peizhi.yansename=='白色'?'#000':'#fff'}">证件四角边缘空隙2厘米以上，手机横拍，照片清晰不模糊，无水印，无反光，无PS</div>
							<div class="flex" style="padding: 0.25rem 0;justify-content: space-around;">
								<div style="width: 3rem; background: #f7f8fa;" class="flexcc">
									<div style="width: 100%; height: 100%;">
										<van-uploader :after-read="afterRead3"  deletable="false" preview-size="3rem" show-upload="false" >
											<div v-if="all.hand_url"><img :src="all.hand_url" style="width: 3rem;"></div>
											<div style="width: 100%; height: 100%;" class="flexcc" v-if="!all.hand_url"><van-icon name="photograph" color="#999" size="30" /></div>
										</van-uploader>
									</div>
								</div>
								<div style="width: 3rem;" class="flexcc">
									<img src="./img/head.png" style="width: 3rem;">
								</div>
							</div>
							<div style="padding: 0.1rem 0.25rem;" :style="{'color':peizhi.yansename=='白色'?'#000':'#fff'}">无需手持身份证，胸部以上，露出双肩，人像面部比例不低于1/3，无水印，无反光，无PS</div>
						</div>
						<!-- <div style="font-size: 12px; margin: 0.2rem 0rem; display: flex; flex-wrap: wrap; align-items: center;" v-if="item.network_access_protocol == 1">
							<van-checkbox v-model="checked" style="margin-right: 0.1rem; font-size: 12px;">我已阅读并同意</van-checkbox>
							<span style="color: #007AFF;font-size: 12px;" v-for="(item,index) in xieyilist" :key="item.id" @click="dakaixieyi(index)">《{{item.title}}》</span>
						</div> -->
						
						<div @click="tijiao" style="text-align: center; border-radius:0.6rem; position: relative; line-height: 1.2rem; margin-bottom: 0.5rem; font-size: 0.48rem; color: #fff;" :style="{ backgroundColor:peizhi.anniucolor}">
							<img src="static/img/anniubeijingse2.png" style="height: 100%; position: absolute; left: 0; top: 0; height: 1.5rem;">
							{{peizhi.anniuwenzi}}
						</div>
						<div style="font-size: 12px; margin: 0.2rem 0rem; display: flex; flex-wrap: wrap; align-items: center;" v-if="item.network_access_protocol == 1">
							<van-checkbox v-model="checked" style="margin-right: 0.1rem; font-size: 12px; color: #fff;" :class="peizhi.yansename=='白色'?'van-checkbox__label van-checkbox__label2':'van-checkbox__label '">我已阅读并同意</van-checkbox>
							
							
							<span style="font-size: 12px;" v-for="(item,index) in xieyilist" :key="item.id" @click="dakaixieyi(index)" :style="{color:peizhi.yueduyanse}">《{{item.title}}》</span>
							<!-- <span style="color: #007AFF;font-size: 12px;" @click="log1 = true">《客户入网许可协议及服务协议》</span>
							<span style="color: #007AFF;font-size: 12px;" @click="log2 = true">《转卖或转借电话卡风险告知书》</span>
							<span style="color: #007AFF;font-size: 12px;" @click="log3 = true">《个人信息收集证明》</span> -->
						</div>
					</div>	
					<!-- </div> -->
					<div style="background: #fff; border-radius:5px; padding:0.4rem; margin-top:0.2rem; " v-if="peizhi.pinglun == 1 && peizhi.pinglunid && pinglunlist != ''">
						<div style="font-weight: bold; font-size: 15px; margin-bottom:0.3rem;">商品评价</div>
						<div style=" width: 100%; overflow: hidden;" :style="{height:pinglunlist.length+'rem'}">
							<div class="mj" ref="haha">
								<div ref="hehe" v-for="(item,index) in pinglunlist">
									<div style="display: flex; justify-content: space-between; align-items: center; margin-top: 10px;">
										<div style="display: flex;  align-items: center;">
											<img :src="item.header" style="width: 0.5rem; height: 0.5rem; margin-right: 0.2rem; border: 1px #999 solid; border-radius: 1rem;">
											<div style="color: #666;">{{item.title}}</div>
										</div>
										<div style="color: #999;">{{item.created_at}}</div>
									</div>
									<div style="padding: 0.1rem 0 0 0.7rem; color: #999;">{{item.content}}</div>
								</div>
								<div v-for="(item,index) in pinglunlist">
									<div style="display: flex; justify-content: space-between; align-items: center; margin-top: 10px;">
										<div style="display: flex;  align-items: center;">
											<img :src="item.header" style="width: 0.5rem; height: 0.5rem; margin-right: 0.2rem; border: 1px #999 solid; border-radius: 1rem;">
											<div style="color: #666;">{{item.title}}</div>
										</div>
										<div style="color: #999;">{{item.created_at}}</div>
									</div>
									<div style="padding: 0.1rem 0 0 0.7rem; color: #999;">{{item.content}}</div>
								</div>
							</div>
						</div>
					</div>
				</div>
				<!-- nc的需求 -->
				<div v-if="peizhi.xiantianxie == 2">
					<div style="border-radius:0.2rem; padding:0.2rem; margin-top:0.2rem;"  :style="{background:peizhi.neirongcolor}">
						<!-- 领取播报模块 -->
						<van-swipe v-if="peizhi.gm==1" class="t_sw" vertical  :autoplay="2000" 
						:style="{color:(peizhi.neirongcolor=='rgb(255, 255, 255)'?'#333333':'#00000')}" 
						:show-indicators="false">
							<van-swipe-item v-for="(item,index) in gmlist" :key="index" >{{item}}</van-swipe-item>
						</van-swipe>
						<!-- <div style="font-weight: bold; font-size: 15px; margin-bottom:0.1rem">个人信息</div> -->
						<div class="flex" style="align-items: center; background: #F8F8F8; padding-left: 0.2rem;  border-radius: 0.2rem;">
							<div style="width: 1.6rem; overflow:hidden;"><span style="margin-right:5px; color: #f00;">*</span>办理人姓名</div>
							<div style="flex-grow: 1; padding-left: 0.3rem; color: #2D3038; font-size: 0.26rem;">
								<van-field v-model="all.id_name" placeholder="请输入办理人姓名" />
							</div>
						</div>
						<div class="flex" style="align-items: center; background: #F8F8F8; padding-left: 0.2rem; margin-top: 0.2rem; border-radius: 0.2rem;">
							<div style="width: 1.6rem; overflow:hidden;"><span style="margin-right:5px; color: #f00;">*</span>联系电话</div>
							<div style="flex-grow: 1; padding-left: 0.3rem; color: #2D3038; font-size: 0.26rem;">
								<van-field v-model="all.mobile" placeholder="请输入联系电话" />
							</div>
						</div>
						
						<div v-if="all.id_name && all.mobile.length == 11">
							<div v-if="peizhi.needidcard==1||peizhi.needidcard==undefined">
								<div class="flex" style="align-items: center; background: #F8F8F8; padding-left: 0.2rem; margin-top: 0.2rem; border-radius: 0.2rem;">
									<div style="width: 1.6rem; overflow:hidden;"><span style="margin-right:5px; color: #f00;">*</span>身份证号</div>
									<div style="flex-grow: 1; padding-left: 0.3rem; color: #2D3038; font-size: 0.26rem;">
										<van-field v-model="all.id_num" placeholder="请输入身份证号" />
									</div>
								</div>
							</div>
							
							<div v-if="peizhi.needidcard==1||peizhi.needidcard==undefined">
								<div class="flex" style="align-items: center; background: #F8F8F8; padding-left: 0.2rem; margin-top: 0.2rem; border-radius: 0.2rem;" v-if="!peizhi.shouhuorenxingming">
									<div style="width: 1.6rem; overflow:hidden;"><span style="margin-right:5px; color: #f00;">*</span>收货人</div>
									<div style="flex-grow: 1; padding-left: 0.3rem; color: #2D3038; font-size: 0.26rem;">
										<van-field v-model="all.name" placeholder="请输入收货人" />
									</div>
								</div>
							</div>
							
							
							<div class="flex" style="align-items: center; background: #F8F8F8; padding-left: 0.2rem; margin-top: 0.2rem; border-radius: 0.2rem; position:relative;" v-if="peizhi.duanxin">
								<div style="width: 1.6rem; overflow:hidden;"><span style="margin-right:5px; color: #f00;">*</span>验证码</div>
								<div style="flex-grow: 1; padding-left: 0.3rem; color: #2D3038; font-size: 0.26rem;">
									<div class="code" style="right: 0.2rem; top:0.2rem; "><van-button type="info" size="small" @click="getcode" type="tel" :disabled="yzmuse" style="font-size: 12px;" >{{yzm}}</van-button></div>
									<van-field v-model="all.code" placeholder="请输入验证码" />
								</div>
							</div>
											
							<div class="flex" style="align-items: center; background: #F8F8F8; padding-left: 0.2rem; margin-top: 0.2rem; border-radius: 0.2rem;">
								<div style="width: 1.6rem; overflow:hidden;"><span style="margin-right:5px; color: #f00;">*</span>所在地区</div>
								<div style="flex-grow: 1; padding-left: 0.3rem; color: #2D3038; font-size: 0.26rem; padding: 10px 0; width: 0; position:relative;" @click="showPopup">
									<div class="where">{{shengshiqu}}
										<van-icon name="arrow" size="14" style="position: absolute; top: 0px; line-height:44px; right:0;" />
									</div>
								</div>
							</div>
							<div class="flex" style="align-items: center; background: #F8F8F8; padding-left: 0.2rem; margin-top: 0.2rem; border-radius: 0.2rem;">
								<div style="width: 1.6rem; overflow:hidden;"><span style="margin-right:5px; color: #f00;">*</span>详细地址</div>
								<div style="flex-grow: 1; padding-left: 0.3rem; color: #2D3038; font-size: 0.26rem;">
									<van-field v-model="all.address" placeholder="小区，写字楼，门牌号等" />
								</div>
							</div>
							
							<div style=" color: #fff; font-size: 12px; padding: 0.2rem 0.25rem 0; " :style="{'color':peizhi.yansename=='白色'?'#000':'#fff'}">
								*请填写真实身份信息及电话地址信息，填写错误会导致无法发货
							</div>
							<div v-if="peizhi.shenfenzheng">
								<div :style="{'color':peizhi.yansename=='白色'?'#000':'#fff'}" style="font-size: 0.3rem; padding:0.3rem 0.25rem 0">身份证照片上传：</div>
								<div style="border-bottom:1px #EAEAEA solid; padding:0.3rem 0.25rem" :style="{'color':peizhi.yansename=='白色'?'#000':'#fff'}">
									根据运营商要求，该套餐需上传身份证照片才可开卡，该照片仅用于运营商开卡，请按照要求上传正确的照片。
								</div>
								<div class="flex" style="padding: 0.25rem 0;justify-content: space-around;">
									<div style="width: 3rem; background: #f7f8fa;" class="flexcc">
										
										<div style="width: 100%; height: 100%;">
											<van-uploader :after-read="afterRead1"  deletable="false" preview-size="3rem" show-upload="false" >
												<div v-if="all.face_url"><img :src="all.face_url" style="width: 3rem; "></div>
												<div style="width: 100%; height: 100%;" class="flexcc" v-if="!all.face_url"><van-icon name="photograph" color="#999" size="30" /></div>
											</van-uploader>
										</div>
									</div>
									<div style="width: 3rem;" class="flexcc">
										<img src="./img/face.jpg" style="width: 3rem;">
									</div>
								</div>
								<div style="padding: 0.1rem 0.25rem;" :style="{'color':peizhi.yansename=='白色'?'#000':'#fff'}">证件四角边缘空隙2厘米以上，手机横拍，照片清晰不模糊，无水印，无反光，无PS</div>
								<div class="flex" style="padding: 0.25rem 0;justify-content: space-around;">
									<div style="width: 3rem; background: #f7f8fa;" class="flexcc">
										
										<div style="width: 100%; height: 100%;">
											<van-uploader :after-read="afterRead2"  deletable="false" preview-size="3rem" show-upload="false" >
												<div v-if="all.back_url"><img :src="all.back_url" style="width: 3rem;"></div>
												<div style="width: 100%; height: 100%;" class="flexcc" v-if="!all.back_url"><van-icon name="photograph" color="#999" size="30" /></div>
											</van-uploader>
										</div>
									</div>
									<div style="width: 3rem;" class="flexcc">
										<img src="./img/back.jpg" style="width: 3rem;">
									</div>
								</div>
								<div style="padding: 0.1rem 0.25rem;" :style="{'color':peizhi.yansename=='白色'?'#000':'#fff'}">证件四角边缘空隙2厘米以上，手机横拍，照片清晰不模糊，无水印，无反光，无PS</div>
								<div class="flex" style="padding: 0.25rem 0;justify-content: space-around;">
									<div style="width: 3rem; background: #f7f8fa;" class="flexcc">
										<div style="width: 100%; height: 100%;">
											<van-uploader :after-read="afterRead3"  deletable="false" preview-size="3rem" show-upload="false" >
												<div v-if="all.hand_url"><img :src="all.hand_url" style="width: 3rem;"></div>
												<div style="width: 100%; height: 100%;" class="flexcc" v-if="!all.hand_url"><van-icon name="photograph" color="#999" size="30" /></div>
											</van-uploader>
										</div>
									</div>
									<div style="width: 3rem;" class="flexcc">
										<img src="./img/head.png" style="width: 3rem;">
									</div>
								</div>
								<div style="padding: 0.1rem 0.25rem;" :style="{'color':peizhi.yansename=='白色'?'#000':'#fff'}">无需手持身份证，胸部以上，露出双肩，人像面部比例不低于1/3，无水印，无反光，无PS</div>
							</div>
						</div>
					
						<div @click="tijiao" style="text-align: center; border-radius:0.6rem; position: relative; line-height: 1.2rem; margin-bottom: 0.5rem; font-size: 0.48rem; color: #fff;" :style="{ backgroundColor:peizhi.anniucolor}">
							<img src="static/img/anniubeijingse2.png" style="height: 100%; position: absolute; left: 0; top: 0; height: 1.5rem;">
							{{peizhi.anniuwenzi}}
						</div>
						<div style="font-size: 12px; margin: 0.2rem 0rem; display: flex; flex-wrap: wrap; align-items: center;" v-if="item.network_access_protocol == 1">
							<van-checkbox v-model="checked" style="margin-right: 0.1rem; font-size: 12px; color: #fff;" :class="peizhi.yansename=='白色'?'van-checkbox__label van-checkbox__label2':'van-checkbox__label '">我已阅读并同意</van-checkbox>
							
							
							<span style="font-size: 12px;" v-for="(item,index) in xieyilist" :key="item.id" @click="dakaixieyi(index)" :style="{color:peizhi.yueduyanse}">《{{item.title}}》</span>
							<!-- <span style="color: #007AFF;font-size: 12px;" @click="log1 = true">《客户入网许可协议及服务协议》</span>
							<span style="color: #007AFF;font-size: 12px;" @click="log2 = true">《转卖或转借电话卡风险告知书》</span>
							<span style="color: #007AFF;font-size: 12px;" @click="log3 = true">《个人信息收集证明》</span> -->
						</div>
						
						
					</div>
					<div style="background: #fff; border-radius:0.2rem; padding:0.4rem; margin-top:0.2rem; " v-if="peizhi.pinglun == 1 && peizhi.pinglunid && pinglunlist != ''">
						<div style="font-weight: bold; font-size: 15px; margin-bottom:0.3rem;">商品评价</div>
						
						<div style=" width: 100%; overflow: hidden;" :style="{height:pinglunlist.length+'rem'}">
							<!-- style="animation: all 30s linear infinite;" -->
							<div class="mj" ref="haha">
								<div ref="hehe" v-for="(item,index) in pinglunlist">
									<div style="display: flex; justify-content: space-between; align-items: center; margin-top: 10px;">
										<div style="display: flex;  align-items: center;">
											<img :src="item.header" style="width: 0.5rem; height: 0.5rem; margin-right: 0.2rem; border: 1px #999 solid; border-radius: 1rem;">
											<div style="color: #666;">{{item.title}}</div>
										</div>
										<div style="color: #999;">{{item.created_at}}</div>
									</div>
									<div style="padding: 0.1rem 0 0 0.7rem; color: #999;">{{item.content}}</div>
								</div>
								<div v-for="(item,index) in pinglunlist">
									<div style="display: flex; justify-content: space-between; align-items: center; margin-top: 10px;">
										<div style="display: flex;  align-items: center;">
											<img :src="item.header" style="width: 0.5rem; height: 0.5rem; margin-right: 0.2rem; border: 1px #999 solid; border-radius: 1rem;">
											<div style="color: #666;">{{item.title}}</div>
										</div>
										<div style="color: #999;">{{item.created_at}}</div>
									</div>
									<div style="padding: 0.1rem 0 0 0.7rem; color: #999;">{{item.content}}</div>
								</div>
							</div>
						</div>
						
						
						<!-- <van-swipe style="height: 140px;" :vertical='true' :autoplay='2000' :show-indicators='false'>
							<van-swipe-item  v-for="(item,index) in pinglunlist" :key="index">
								<div v-for="item2 in item" :key="item.id">
									<div style="display: flex; justify-content: space-between; align-items: center; margin-top: 10px;">
										<div style="display: flex;  align-items: center;">
											<img :src="item2.header" style="width: 0.5rem; height: 0.5rem; margin-right: 0.2rem; border: 1px #999 solid; border-radius: 1rem;">
											<div style="color: #666;">{{item.headertitle}}</div>
										</div>
										<div style="color: #999;">{{item2.created_at}}</div>
									</div>
									<div style="padding: 0.1rem 0 0 0.7rem; color: #999;">{{item2.content}}</div>
								</div>
							</van-swipe-item>
						</van-swipe> -->
					</div>
				</div>
			</div>
			
			
			
			
			<div class="top" style="margin-top: 0.2rem;">
				<!-- <div class="topimg flexcc">
					<img :src="item.details" style="border-radius: 0.2rem;">
				</div> -->
				<div class="fuwenben" style="word-wrap: break-word; border-radius: 0.2rem;" v-html="item.description"></div>
			</div>
			<div style="text-align: center; color: #999; font-size: 14px;  margin-top: 0.2rem;" v-if="peizhi.gongsidianhua" v-html="peizhi.gongsidianhua"></div>
			
			<!-- <div class="fixed" style="bottom: 0; background: #fff; z-index: 99;">
				<div class="flexbc">
					<div class="flexcc" style="padding-left: 0.3rem; font-size: 0.26rem;">
						福利价：
						<div style="color: #FF3400;">
							<span style="font-size: 0.35rem;" v-if="item.pages != '' && xuanzhongdeindex != -1">￥{{item.pages[xuanzhongdeindex].unit_price}}</span>
							<span style="font-size: 0.35rem;" v-if="item.pages == '' || xuanzhongdeindex == -1">请先选择商品</span>
						</div>
					</div>
			
					<div style="background: #FF3400;  padding: 0.3rem 0.5rem; color: #fff; font-size: 0.3rem;" v-if="tijiaoing" @click="tijiao">提交订单</div>
					<div style="background: #FF3400;  padding: 0.3rem 0.5rem; color: #fff; font-size: 0.3rem;" v-if="!tijiaoing">提交订单中...</div>
				</div>
			</div> -->

			<van-popup v-model="show" position="bottom">
				<van-area :area-list="areaList" :columns-placeholder="['请选择', '请选择', '请选择']" :value="nowcitycode" @confirm="queren" @cancel="quxiao" />
			</van-popup>
			<van-popup v-model="show2" position="bottom">
				<van-area :area-list="areaList2" :columns-placeholder="['请选择', '请选择']" :value="nowcitycode2" @confirm="queren2" @cancel="quxiao2" />
			</van-popup>
			<van-popup v-model="log1" style="width: 90%; height: 60vh;  padding: 0.3rem;background: #fff !important;">
				<div class="fz" v-html="log1html">
					
				</div>
			</van-popup>
			
			<van-popup v-model="logqueding" style="width: 90%; height: 60vh;  padding: 0.3rem; background: #fff !important; color: #333 !important; height: auto !important; border-radius: 0.2rem;">
				<div v-if="this.peizhi.protocol_qz" style="height: 70vh;overflow: auto;margin-bottom: 20px;">
					<div   class="fz" v-html="log1html"></div>
				</div>
				<div v-else>
					<div style="margin-bottom: 0.3rem;">请先阅读，并点击同意以下协议</div>
					<div style="margin-bottom: 0.3rem;">	
						<span style="color: #007AFF;font-size: 12px;" v-for="(item,index) in xieyilist" :key="item.id" @click="dakaixieyi(index)">《{{item.title}}》</span>
					</div>
				</div>
				
				<div class="flexcc">
					<div><van-button type="default" size="small" @click="butongyi">不同意</van-button></div>
					<div  style="margin-left: 0.3rem;"><van-button type="info" size="small" @click="yongyi" >同意</van-button></div>
				</div>
			</van-popup>
			
			<van-popup v-model="jiazaizhong" :close-on-click-overlay="false"><van-loading type="spinner" color="#fff" /></van-popup>
			
			
			<van-action-sheet v-model="xuanhaoshow" class="xuanhao" style="padding:0;">
				<div style="padding: 20px 0 10px 0;">当前选择号码：{{linshi}}</div>
				<div v-if="peizhi.xiantianxie == 1">
				
					<div v-if="peizhi.needidcard==1||peizhi.needidcard==undefined" style="border-radius:20px; padding:0.2rem; margin-top:0.2rem; " :style="{background:peizhi.neirongcolor}">
						<!-- <div style="font-weight: bold; font-size: 15px; margin-bottom:0.1rem">个人信息</div> -->
						
						<!-- <div class="flex" style="align-items: center; border-bottom:1px #EAEAEA solid;">
							<div style="width: 1.8rem; overflow:hidden;">姓名</div>
							<div style="flex-grow: 1; padding-left: 0.3rem; color: #2D3038; font-size: 0.26rem;">
								<van-field v-model="all.id_name" placeholder="系统已加密，请放心填写" />
							</div>
						</div> -->
						
						<div class="flex" style="align-items: center; background: #F8F8F8; padding-left: 0.2rem; margin-bottom: 0.2rem; border-radius: 0.2rem;">
							<div style="width: 1.6rem; overflow:hidden;"><span style="margin-right:5px; color: #f00;">*</span>办理人姓名</div>
							<div style="flex-grow: 1; padding-left: 0.3rem; color: #2D3038; font-size: 0.26rem;">
								<van-field v-model="all.id_name" placeholder="请输入办理人姓名" />
							</div>
						</div>
						
						<div  class="flex" style="align-items: center; background: #F8F8F8; padding-left: 0.2rem; margin-bottom: 0.2rem;  border-radius: 0.2rem;">
							<div style="width: 1.6rem; overflow:hidden;"><span style="margin-right:5px; color: #f00;">*</span>身份证号码</div>
							<div style="flex-grow: 1; padding-left: 0.3rem; color: #2D3038; font-size: 0.26rem;">
								<van-field v-model="all.id_num" placeholder="系统已加密，请放心填写" />
							</div>
						</div>
					
					
					<!-- <div style=" border-radius:5px; padding:0.4rem; margin-top:0.2rem;"  :style="{background:peizhi.neirongcolor}">
						<div style="font-weight: bold; font-size: 15px; margin-bottom:0.1rem">配送信息</div> -->
						<div class="flex" style="align-items: center; background: #F8F8F8; padding-left: 0.2rem; margin-bottom: 0.2rem;  border-radius: 0.2rem;" v-if="!peizhi.shouhuorenxingming">
							<div style="width: 1.8rem; overflow:hidden;"><span style="margin-right:5px; color: #f00;">*</span>收货人</div>
							<div style="flex-grow: 1; padding-left: 0.3rem; color: #2D3038; font-size: 0.26rem;">
								<van-field v-model="all.name" placeholder="系统已加密，请放心填写" />
							</div>
						</div>
						<div class="flex" style="align-items: center; background: #F8F8F8; padding-left: 0.2rem;  margin-bottom: 0.2rem; border-radius: 0.2rem;">
							<div style="width: 1.8rem; overflow:hidden;"><span style="margin-right:5px; color: #f00;">*</span>联系电话</div>
							<div style="flex-grow: 1; padding-left: 0.3rem; color: #2D3038; font-size: 0.26rem;">
								<van-field v-model="all.mobile" placeholder="系统已加密，请放心填写" />
							</div>
						</div>
						<div class="flex" style="align-items: center; background: #F8F8F8; padding-left: 0.2rem;  margin-bottom: 0.2rem; border-radius: 0.2rem; position:relative;" v-if="peizhi.duanxin">
							<div style="width: 1.8rem; overflow:hidden;"><span style="margin-right:5px; color: #f00;">*</span>验证码</div>
							<div style="flex-grow: 1; padding-left: 0.3rem; color: #2D3038; font-size: 0.26rem;">
								<div class="code" style="right: 0.2rem; top:0.2rem; "><van-button type="info" size="small" @click="getcode" type="tel" :disabled="yzmuse" style="font-size: 12px;" >{{yzm}}</van-button></div>
								<van-field v-model="all.code" placeholder="请输入验证码" />
							</div>
						</div>
					
						<div class="flex" style="align-items: center;background: #F8F8F8; padding-left: 0.2rem;  margin-bottom: 0.2rem; border-radius: 0.2rem;">
							<div style="width: 1.8rem; overflow:hidden;"><span style="margin-right:5px; color: #f00;">*</span>所在地区</div>
							<div style="flex-grow: 1; padding-left: 0.3rem; color: #2D3038; font-size: 0.26rem; padding: 10px 0; width: 0; position:relative;" @click="showPopup">
								<div class="where">{{shengshiqu}}
									<van-icon name="arrow" size="14" style="position: absolute; top: 0px; line-height:44px; right:0;" />
								</div>
							</div>
						</div>
						<div class="flex" style="align-items: center; background: #F8F8F8; padding-left: 0.2rem; margin-bottom: 0.2rem;  border-radius: 0.2rem;">
							<div style="width: 1.8rem; overflow:hidden;"><span style="margin-right:5px; color: #f00;">*</span>详细地址</div>
							<div style="flex-grow: 1; padding-left: 0.3rem; color: #2D3038; font-size: 0.26rem;">
								<van-field v-model="all.address" placeholder="小区，写字楼，门牌号等" />
							</div>
						</div>
						<!-- <div class="flex" style="align-items: center; border-bottom:1px #EAEAEA solid;">
							<div style="width: 1.8rem; overflow:hidden;">上传相关证件</div>
							<div style="flex-grow: 1; padding-left: 0.3rem; color: #2D3038;  text-align:right;">
								<van-icon name="arrow" size="14" style=" line-height:44px;" />
							</div>
						</div> -->
						
						
						<div style=" color: #fff; font-size: 12px; padding: 0.2rem 0.25rem 0; " :style="{'color':peizhi.yansename=='白色'?'#000':'#fff'}">
							*请填写真实身份信息及电话地址信息，填写错误会导致无法发货
						</div>
						<div v-if="peizhi.shenfenzheng">
							<div :style="{'color':peizhi.yansename=='白色'?'#000':'#fff'}" style="font-size: 0.3rem; padding:0.3rem 0.25rem 0">身份证照片上传：</div>
							<div style="border-bottom:1px #EAEAEA solid; padding:0.3rem 0.25rem" :style="{'color':peizhi.yansename=='白色'?'#000':'#fff'}">
								根据运营商要求，该套餐需上传身份证照片才可开卡，该照片仅用于运营商开卡，请按照要求上传正确的照片。
							</div>
							<div class="flex" style="padding: 0.25rem 0;justify-content: space-around;">
								<div style="width: 3rem; background: #f7f8fa;" class="flexcc">
									
									<div style="width: 100%; height: 100%;">
										<van-uploader :after-read="afterRead1"  deletable="false" preview-size="3rem" show-upload="false" >
											<div v-if="all.face_url"><img :src="all.face_url" style="width: 3rem; "></div>
											<div style="width: 100%; height: 100%;" class="flexcc" v-if="!all.face_url"><van-icon name="photograph" color="#999" size="30" /></div>
										</van-uploader>
									</div>
								</div>
								<div style="width: 3rem;" class="flexcc">
									<img src="./img/face.jpg" style="width: 3rem;">
								</div>
							</div>
							<div style="padding: 0.1rem 0.25rem;" :style="{'color':peizhi.yansename=='白色'?'#000':'#fff'}">证件四角边缘空隙2厘米以上，手机横拍，照片清晰不模糊，无水印，无反光，无PS</div>
							<div class="flex" style="padding: 0.25rem 0;justify-content: space-around;">
								<div style="width: 3rem; background: #f7f8fa;" class="flexcc">
									
									<div style="width: 100%; height: 100%;">
										<van-uploader :after-read="afterRead2"  deletable="false" preview-size="3rem" show-upload="false" >
											<div v-if="all.back_url"><img :src="all.back_url" style="width: 3rem;"></div>
											<div style="width: 100%; height: 100%;" class="flexcc" v-if="!all.back_url"><van-icon name="photograph" color="#999" size="30" /></div>
										</van-uploader>
									</div>
								</div>
								<div style="width: 3rem;" class="flexcc">
									<img src="./img/back.jpg" style="width: 3rem;">
								</div>
							</div>
							<div style="padding: 0.1rem 0.25rem;" :style="{'color':peizhi.yansename=='白色'?'#000':'#fff'}">证件四角边缘空隙2厘米以上，手机横拍，照片清晰不模糊，无水印，无反光，无PS</div>
							<div class="flex" style="padding: 0.25rem 0;justify-content: space-around;">
								<div style="width: 3rem; background: #f7f8fa;" class="flexcc">
									<div style="width: 100%; height: 100%;">
										<van-uploader :after-read="afterRead3"  deletable="false" preview-size="3rem" show-upload="false" >
											<div v-if="all.hand_url"><img :src="all.hand_url" style="width: 3rem;"></div>
											<div style="width: 100%; height: 100%;" class="flexcc" v-if="!all.hand_url"><van-icon name="photograph" color="#999" size="30" /></div>
										</van-uploader>
									</div>
								</div>
								<div style="width: 3rem;" class="flexcc">
									<img src="./img/head.png" style="width: 3rem;">
								</div>
							</div>
							<div style="padding: 0.1rem 0.25rem;" :style="{'color':peizhi.yansename=='白色'?'#000':'#fff'}">无需手持身份证，胸部以上，露出双肩，人像面部比例不低于1/3，无水印，无反光，无PS</div>
						</div>
						<!-- <div style="font-size: 12px; margin: 0.2rem 0rem; display: flex; flex-wrap: wrap; align-items: center;" v-if="item.network_access_protocol == 1">
							<van-checkbox v-model="checked" style="margin-right: 0.1rem; font-size: 12px;">我已阅读并同意</van-checkbox>
							<span style="color: #007AFF;font-size: 12px;" v-for="(item,index) in xieyilist" :key="item.id" @click="dakaixieyi(index)">《{{item.title}}》</span>
						</div> -->
						
						<div @click="tijiao" style="text-align: center; border-radius:0.6rem; position: relative; line-height: 1.2rem; margin-bottom: 0.5rem; font-size: 0.48rem; color: #fff;" :style="{ backgroundColor:peizhi.anniucolor}">
							<img src="static/img/anniubeijingse2.png" style="height: 100%; position: absolute; left: 0; top: 0; height: 1.5rem;">
							{{peizhi.anniuwenzi}}
						</div>
						<div style="font-size: 12px; margin: 0.2rem 0rem; display: flex; flex-wrap: wrap; align-items: center;" v-if="item.network_access_protocol == 1">
							<van-checkbox v-model="checked" style="margin-right: 0.1rem; font-size: 12px; color: #fff;" :class="peizhi.yansename=='白色'?'van-checkbox__label van-checkbox__label2':'van-checkbox__label '">我已阅读并同意</van-checkbox>
							
							
							<span style="font-size: 12px;" v-for="(item,index) in xieyilist" :key="item.id" @click="dakaixieyi(index)" :style="{color:peizhi.yueduyanse}">《{{item.title}}》</span>
							<!-- <span style="color: #007AFF;font-size: 12px;" @click="log1 = true">《客户入网许可协议及服务协议》</span>
							<span style="color: #007AFF;font-size: 12px;" @click="log2 = true">《转卖或转借电话卡风险告知书》</span>
							<span style="color: #007AFF;font-size: 12px;" @click="log3 = true">《个人信息收集证明》</span> -->
						</div>
					</div>	
					<!-- </div> -->
					<div style="background: #fff; border-radius:5px; padding:0.4rem; margin-top:0.2rem; " v-if="peizhi.pinglun == 1 && peizhi.pinglunid && pinglunlist != ''">
						<div style="font-weight: bold; font-size: 15px; margin-bottom:0.3rem;">商品评价</div>
						<div style=" width: 100%; overflow: hidden;" :style="{height:pinglunlist.length+'rem'}">
							<div class="mj" ref="haha">
								<div ref="hehe" v-for="(item,index) in pinglunlist">
									<div style="display: flex; justify-content: space-between; align-items: center; margin-top: 10px;">
										<div style="display: flex;  align-items: center;">
											<img :src="item.header" style="width: 0.5rem; height: 0.5rem; margin-right: 0.2rem; border: 1px #999 solid; border-radius: 1rem;">
											<div style="color: #666;">{{item.title}}</div>
										</div>
										<div style="color: #999;">{{item.created_at}}</div>
									</div>
									<div style="padding: 0.1rem 0 0 0.7rem; color: #999;">{{item.content}}</div>
								</div>
								<div v-for="(item,index) in pinglunlist">
									<div style="display: flex; justify-content: space-between; align-items: center; margin-top: 10px;">
										<div style="display: flex;  align-items: center;">
											<img :src="item.header" style="width: 0.5rem; height: 0.5rem; margin-right: 0.2rem; border: 1px #999 solid; border-radius: 1rem;">
											<div style="color: #666;">{{item.title}}</div>
										</div>
										<div style="color: #999;">{{item.created_at}}</div>
									</div>
									<div style="padding: 0.1rem 0 0 0.7rem; color: #999;">{{item.content}}</div>
								</div>
							</div>
						</div>
					</div>
				</div>
				<!-- nc的需求 -->
				<div v-if="peizhi.xiantianxie == 2">
					<div style="border-radius:0.2rem; padding:0.2rem; margin-top:0.2rem;"  :style="{background:peizhi.neirongcolor}">
						<!-- <div style="font-weight: bold; font-size: 15px; margin-bottom:0.1rem">个人信息</div> -->
						<div class="flex" style="align-items: center; background: #F8F8F8; padding-left: 0.2rem;  border-radius: 0.2rem;">
							<div style="width: 1.6rem; overflow:hidden;"><span style="margin-right:5px; color: #f00;">*</span>办理人姓名</div>
							<div style="flex-grow: 1; padding-left: 0.3rem; color: #2D3038; font-size: 0.26rem;">
								<van-field v-model="all.id_name" placeholder="请输入办理人姓名" />
							</div>
						</div>
						<div class="flex" style="align-items: center; background: #F8F8F8; padding-left: 0.2rem; margin-top: 0.2rem; border-radius: 0.2rem;">
							<div style="width: 1.6rem; overflow:hidden;"><span style="margin-right:5px; color: #f00;">*</span>联系电话</div>
							<div style="flex-grow: 1; padding-left: 0.3rem; color: #2D3038; font-size: 0.26rem;">
								<van-field v-model="all.mobile" placeholder="请输入联系电话" />
							</div>
						</div>
						
						<div v-if="all.id_name && all.mobile.length == 11">
							<div v-if="peizhi.needidcard==1||peizhi.needidcard==undefined">
								<div class="flex" style="align-items: center; background: #F8F8F8; padding-left: 0.2rem; margin-top: 0.2rem; border-radius: 0.2rem;">
									<div style="width: 1.6rem; overflow:hidden;"><span style="margin-right:5px; color: #f00;">*</span>身份证号</div>
									<div style="flex-grow: 1; padding-left: 0.3rem; color: #2D3038; font-size: 0.26rem;">
										<van-field v-model="all.id_num" placeholder="请输入身份证号" />
									</div>
								</div>
							</div>
							
							<div v-if="peizhi.needidcard==1||peizhi.needidcard==undefined">
								<div class="flex" style="align-items: center; background: #F8F8F8; padding-left: 0.2rem; margin-top: 0.2rem; border-radius: 0.2rem;" v-if="!peizhi.shouhuorenxingming">
									<div style="width: 1.6rem; overflow:hidden;"><span style="margin-right:5px; color: #f00;">*</span>收货人</div>
									<div style="flex-grow: 1; padding-left: 0.3rem; color: #2D3038; font-size: 0.26rem;">
										<van-field v-model="all.name" placeholder="请输入收货人" />
									</div>
								</div>
							</div>
							
							
							<div class="flex" style="align-items: center; background: #F8F8F8; padding-left: 0.2rem; margin-top: 0.2rem; border-radius: 0.2rem; position:relative;" v-if="peizhi.duanxin">
								<div style="width: 1.6rem; overflow:hidden;"><span style="margin-right:5px; color: #f00;">*</span>验证码</div>
								<div style="flex-grow: 1; padding-left: 0.3rem; color: #2D3038; font-size: 0.26rem;">
									<div class="code" style="right: 0.2rem; top:0.2rem; "><van-button type="info" size="small" @click="getcode" type="tel" :disabled="yzmuse" style="font-size: 12px;" >{{yzm}}</van-button></div>
									<van-field v-model="all.code" placeholder="请输入验证码" />
								</div>
							</div>
											
							<div class="flex" style="align-items: center; background: #F8F8F8; padding-left: 0.2rem; margin-top: 0.2rem; border-radius: 0.2rem;">
								<div style="width: 1.6rem; overflow:hidden;"><span style="margin-right:5px; color: #f00;">*</span>所在地区</div>
								<div style="flex-grow: 1; padding-left: 0.3rem; color: #2D3038; font-size: 0.26rem; padding: 10px 0; width: 0; position:relative;" @click="showPopup">
									<div class="where">{{shengshiqu}}
										<van-icon name="arrow" size="14" style="position: absolute; top: 0px; line-height:44px; right:0;" />
									</div>
								</div>
							</div>
							<div class="flex" style="align-items: center; background: #F8F8F8; padding-left: 0.2rem; margin-top: 0.2rem; border-radius: 0.2rem;">
								<div style="width: 1.6rem; overflow:hidden;"><span style="margin-right:5px; color: #f00;">*</span>详细地址</div>
								<div style="flex-grow: 1; padding-left: 0.3rem; color: #2D3038; font-size: 0.26rem;">
									<van-field v-model="all.address" placeholder="小区，写字楼，门牌号等" />
								</div>
							</div>
							
							<div style=" color: #fff; font-size: 12px; padding: 0.2rem 0.25rem 0; " :style="{'color':peizhi.yansename=='白色'?'#000':'#fff'}">
								*请填写真实身份信息及电话地址信息，填写错误会导致无法发货
							</div>
							<div v-if="peizhi.shenfenzheng">
								<div :style="{'color':peizhi.yansename=='白色'?'#000':'#fff'}" style="font-size: 0.3rem; padding:0.3rem 0.25rem 0">身份证照片上传：</div>
								<div style="border-bottom:1px #EAEAEA solid; padding:0.3rem 0.25rem" :style="{'color':peizhi.yansename=='白色'?'#000':'#fff'}">
									根据运营商要求，该套餐需上传身份证照片才可开卡，该照片仅用于运营商开卡，请按照要求上传正确的照片。
								</div>
								<div class="flex" style="padding: 0.25rem 0;justify-content: space-around;">
									<div style="width: 3rem; background: #f7f8fa;" class="flexcc">
										
										<div style="width: 100%; height: 100%;">
											<van-uploader :after-read="afterRead1"  deletable="false" preview-size="3rem" show-upload="false" >
												<div v-if="all.face_url"><img :src="all.face_url" style="width: 3rem; "></div>
												<div style="width: 100%; height: 100%;" class="flexcc" v-if="!all.face_url"><van-icon name="photograph" color="#999" size="30" /></div>
											</van-uploader>
										</div>
									</div>
									<div style="width: 3rem;" class="flexcc">
										<img src="./img/face.jpg" style="width: 3rem;">
									</div>
								</div>
								<div style="padding: 0.1rem 0.25rem;" :style="{'color':peizhi.yansename=='白色'?'#000':'#fff'}">证件四角边缘空隙2厘米以上，手机横拍，照片清晰不模糊，无水印，无反光，无PS</div>
								<div class="flex" style="padding: 0.25rem 0;justify-content: space-around;">
									<div style="width: 3rem; background: #f7f8fa;" class="flexcc">
										
										<div style="width: 100%; height: 100%;">
											<van-uploader :after-read="afterRead2"  deletable="false" preview-size="3rem" show-upload="false" >
												<div v-if="all.back_url"><img :src="all.back_url" style="width: 3rem;"></div>
												<div style="width: 100%; height: 100%;" class="flexcc" v-if="!all.back_url"><van-icon name="photograph" color="#999" size="30" /></div>
											</van-uploader>
										</div>
									</div>
									<div style="width: 3rem;" class="flexcc">
										<img src="./img/back.jpg" style="width: 3rem;">
									</div>
								</div>
								<div style="padding: 0.1rem 0.25rem;" :style="{'color':peizhi.yansename=='白色'?'#000':'#fff'}">证件四角边缘空隙2厘米以上，手机横拍，照片清晰不模糊，无水印，无反光，无PS</div>
								<div class="flex" style="padding: 0.25rem 0;justify-content: space-around;">
									<div style="width: 3rem; background: #f7f8fa;" class="flexcc">
										<div style="width: 100%; height: 100%;">
											<van-uploader :after-read="afterRead3"  deletable="false" preview-size="3rem" show-upload="false" >
												<div v-if="all.hand_url"><img :src="all.hand_url" style="width: 3rem;"></div>
												<div style="width: 100%; height: 100%;" class="flexcc" v-if="!all.hand_url"><van-icon name="photograph" color="#999" size="30" /></div>
											</van-uploader>
										</div>
									</div>
									<div style="width: 3rem;" class="flexcc">
										<img src="./img/head.png" style="width: 3rem;">
									</div>
								</div>
								<div style="padding: 0.1rem 0.25rem;" :style="{'color':peizhi.yansename=='白色'?'#000':'#fff'}">无需手持身份证，胸部以上，露出双肩，人像面部比例不低于1/3，无水印，无反光，无PS</div>
							</div>
						</div>
					
						<div @click="tijiao" style="text-align: center; border-radius:0.6rem; position: relative; line-height: 1.2rem; margin-bottom: 0.5rem; font-size: 0.48rem; color: #fff;" :style="{ backgroundColor:peizhi.anniucolor}">
							<img src="static/img/anniubeijingse2.png" style="height: 100%; position: absolute; left: 0; top: 0; height: 1.5rem;">
							{{peizhi.anniuwenzi}}
						</div>
						<div style="font-size: 12px; margin: 0.2rem 0rem; display: flex; flex-wrap: wrap; align-items: center;" v-if="item.network_access_protocol == 1">
							<van-checkbox v-model="checked" style="margin-right: 0.1rem; font-size: 12px; color: #fff;" :class="peizhi.yansename=='白色'?'van-checkbox__label van-checkbox__label2':'van-checkbox__label '">我已阅读并同意</van-checkbox>
							
							
							<span style="font-size: 12px;" v-for="(item,index) in xieyilist" :key="item.id" @click="dakaixieyi(index)" :style="{color:peizhi.yueduyanse}">《{{item.title}}》</span>
							<!-- <span style="color: #007AFF;font-size: 12px;" @click="log1 = true">《客户入网许可协议及服务协议》</span>
							<span style="color: #007AFF;font-size: 12px;" @click="log2 = true">《转卖或转借电话卡风险告知书》</span>
							<span style="color: #007AFF;font-size: 12px;" @click="log3 = true">《个人信息收集证明》</span> -->
						</div>
						
						
					</div>
					<div style="background: #fff; border-radius:0.2rem; padding:0.4rem; margin-top:0.2rem; " v-if="peizhi.pinglun == 1 && peizhi.pinglunid && pinglunlist != ''">
						<div style="font-weight: bold; font-size: 15px; margin-bottom:0.3rem;">商品评价</div>
						
						<div style=" width: 100%; overflow: hidden;" :style="{height:pinglunlist.length+'rem'}">
							<!-- style="animation: all 30s linear infinite;" -->
							<div class="mj" ref="haha">
								<div ref="hehe" v-for="(item,index) in pinglunlist">
									<div style="display: flex; justify-content: space-between; align-items: center; margin-top: 10px;">
										<div style="display: flex;  align-items: center;">
											<img :src="item.header" style="width: 0.5rem; height: 0.5rem; margin-right: 0.2rem; border: 1px #999 solid; border-radius: 1rem;">
											<div style="color: #666;">{{item.title}}</div>
										</div>
										<div style="color: #999;">{{item.created_at}}</div>
									</div>
									<div style="padding: 0.1rem 0 0 0.7rem; color: #999;">{{item.content}}</div>
								</div>
								<div v-for="(item,index) in pinglunlist">
									<div style="display: flex; justify-content: space-between; align-items: center; margin-top: 10px;">
										<div style="display: flex;  align-items: center;">
											<img :src="item.header" style="width: 0.5rem; height: 0.5rem; margin-right: 0.2rem; border: 1px #999 solid; border-radius: 1rem;">
											<div style="color: #666;">{{item.title}}</div>
										</div>
										<div style="color: #999;">{{item.created_at}}</div>
									</div>
									<div style="padding: 0.1rem 0 0 0.7rem; color: #999;">{{item.content}}</div>
								</div>
							</div>
						</div>
						
						
						<!-- <van-swipe style="height: 140px;" :vertical='true' :autoplay='2000' :show-indicators='false'>
							<van-swipe-item  v-for="(item,index) in pinglunlist" :key="index">
								<div v-for="item2 in item" :key="item.id">
									<div style="display: flex; justify-content: space-between; align-items: center; margin-top: 10px;">
										<div style="display: flex;  align-items: center;">
											<img :src="item2.header" style="width: 0.5rem; height: 0.5rem; margin-right: 0.2rem; border: 1px #999 solid; border-radius: 1rem;">
											<div style="color: #666;">{{item.headertitle}}</div>
										</div>
										<div style="color: #999;">{{item2.created_at}}</div>
									</div>
									<div style="padding: 0.1rem 0 0 0.7rem; color: #999;">{{item2.content}}</div>
								</div>
							</van-swipe-item>
						</van-swipe> -->
					</div>
				</div>
			  
			</van-action-sheet>
			
			<van-popup v-model="baocuolog" style="width: 90%; height: 60vh;  padding: 0.3rem; background: #fff !important; color: #333 !important; height: auto !important; border-radius: 0.2rem;">
						<div style="margin: 0.3rem; text-align: center;">{{baocuo}}</div>
						
						<div class="flexcc" @click="baocuolog = false">
							<div style="padding: 0.1rem 0.2rem;
			background: rgb(255, 45, 75);
			color: rgb(255, 255, 255);
			text-align: center;
			border-radius: 5px;">确定</div>
						</div>
					</van-popup>
			

			<!-- 二次确认弹窗 -->
			<van-popup v-model="isshowagain">
				<div style="display: flex;flex-direction: column;justify-content: center;align-items: center;padding: 30px 0;box-sizing: border-box;width: 100vw;">
					<img style="width: 90%;margin-bottom: 20px;" :src="peizhi.pic_sure" alt="">
					<div style="display: flex;justify-content: space-around;width: 90%;">
						<van-button style="width: 100px;" @click="isshowagain = false"  round type="default">取消</van-button>
						<van-button style="width: 100px;" @click="sureagainbtn"  round type="info">确认</van-button>
					</div>
					
				</div>
				
			</van-popup>


			<!-- <van-popup v-model="show2" position="bottom"
				style="padding: 0.4rem 0.3rem; color: #2D3038; border-radius: 0.2rem 0.2rem 0 0;">
				<div class="flexb" style="font-size: 0.32rem; font-weight: bold;">
					<div style="font-size: 0.32rem; font-weight: bold;">确认订单信息</div>
					<div @click="show2 = false"><img src="img/g.png" style="width: 0.32rem;"></div>
				</div>
				<div class="flexb" style="margin-top: 0.3rem;">
					<div style="color: #8A919F;  font-size: 0.25rem;">商品名称</div>
					<div style="font-size: 0.25rem;">{{person.sale_name}}</div>
				</div>
				<div class="flexb" style="margin-top: 0.3rem;">
					<div style="color: #8A919F; font-size: 0.25rem;">收货人</div>
					<div style="font-size: 0.25rem;">{{name}}</div>
				</div>
				<div class="flexb" style="margin-top: 0.3rem;">
					<div style="color: #8A919F; font-size: 0.25rem;">收货电话</div>
					<div style="font-size: 0.25rem;">{{mobile}}</div>
				</div>
				<div class="flexb" style="margin-top: 0.3rem;">
					<div style="color: #8A919F; font-size: 0.25rem;">收货地址</div>
					<div style="width: 5rem; text-align: right; font-size: 0.25rem;">{{shengshiqu}}{{address}}</div>
				</div>
				<div class="flexcc bor" style="background: #3FCF77; color: #fff; padding: 0.2rem 0; margin-top: 0.4rem;"
					@click="guozhengtong" v-if="tijiaoing">
					<div><img src="img/w.png" style="width: 0.4rem; margin-right: 0.2rem;"></div>
					<div>微信支付</div>
				</div>
				<div class="flexcc bor" style="background: #3FCF77; color: #fff; padding: 0.2rem 0; margin-top: 0.4rem;"
					v-if="!tijiaoing">
					<div><img src="img/w.png" style="width: 0.4rem; margin-right: 0.2rem;"></div>
					<div>订单提交中...</div>
				</div>
			</van-popup> -->
		</div>




		<script>
			var h = document.documentElement.clientWidth / 7.5 + 'px';
			document.documentElement.style.fontSize = h;

			
			new Vue({
				el: '#app',
				data: function() {
					return {
						
						tijiaoing:true,
						jiazaizhong:true,
						log1:false,
						log1html:"",
						log2:false,
						log3:false,
						xuanzhongdeindex:-1,
						checked:false,
						areaList: "",
						areaList2: {},
						shengshiqu: "省、市、区",
						show: false,
						yzm: "获取验证码",
						yzmnum: 60,
						yzmuse: false,
						
						apis:"",
						peizhi:"",
						item:"",
						all:{
							id:"",
							id_name:"",
							id_num:"",
							name:"",
							mobile:"",
							code:"",
							
							address:"",
							province:"",
							city:"",
							district:"",
							
							face_url:"",
							back_url:"",
							hand_url:"",
							
							pay_method:1,//	1	是	string	1微信2支付宝
							openid:"",
							
							clickid:this.getUrlParam('clickid'),
							creativeid:this.getUrlParam('creativeid'),
							creativetype:this.getUrlParam('creativetype'),
							adid:this.getUrlParam('adid'),
							
							event_push_type:'kuaishou',
							missionId:this.getUrlParam('missionId'),
							orderId:this.getUrlParam('orderId'),
							trafficsource:this.getUrlParam('trafficsource'),
							imeiMD5:this.getUrlParam('imeiMD5'),
							callback:this.getUrlParam('callback'),
							event_id:this.getUrlParam('event_id'),
							
							qz_gdt:this.getUrlParam('qz_gdt'),
							click_ext:this.getUrlParam('click_ext'),
							
							productId:"",
							empId:"",
							callbackurl:"",
							jd_flag:"",
							
							pretty_number:""
						},
						
						pinglunlist:"",
						xieyilist:"",
						logqueding:false,
						
						weihao:false,
						xuanhaoshow:false,
						all2:{
							province:"",
							city:"",
							district:"",
						},
						show2:false,
						shengshiqu2:"省、市",
						jiazaizhong:true,
						list:[],
						list2:[],
						shuzi:"",
						linshi:"",
						hong:false,
						hong2:false,
						pagenum:1,
						
						mobile_config4:"",
						mobile_config4canshu:{},
						baocuo:"",
						baocuolog:false,
						nowchoosetag : '',
						nowchoosetagitem : {},
						lianglist:[
							// {
							// 	rule_key: "searchCategory",
							// 	rule_name: "推荐"
							// },
							// {
							// 	rule_key: "codeTypeCode",
							// 	rule_name: "AAA"
							// },
							// {
							// 	rule_key: "codeTypeCode",
							// 	rule_name: "AAA"
							// },
							// {
							// 	rule_key: "codeTypeCode",
							// 	rule_name: "AAA"
							// },
							// {
							// 	rule_key: "codeTypeCode",
							// 	rule_name: "AAA"
							// },
						],
						pickobg:{},
						nowcitycode:'',
						nowcitycode2:'',
						choosesend:[],
						btnsear:[],
						gmlist:[
							'用户183******23已领取成功 2分钟前',
							'用户185******28已领取成功 1分钟前',
							'用户136******79已领取成功 4分钟前',
							'用户131******91已领取成功 5分钟前',
							'用户188******32已领取成功 6分钟前',
							'用户189******79已领取成功 14分钟前',
							'用户132******91已领取成功 8分钟前',
							'用户188******32已领取成功 9分钟前',
						],
						chooseagain : false,
						isshowagain : false,
					}
				},
				async created() {
					
					
					if (location.href.includes('localhost')||location.href.includes('192.168.2.183')) {
						this.apis = '/apis'
					}

					// 获取省市区
					await this.getssq()

					// https://static.91haoka.cn/areanew.json
					// https://static.91haoka.cn/tongyidiqu.json
					await axios.get("https://static.91haoka.cn/areanew.json")
						.then(response=> {
							//当前省市区 
							var sheng = sessionStorage.getItem('sheng')
            				var shi = sessionStorage.getItem('shi')
            				var qu = sessionStorage.getItem('qu')

							this.areaList = response.data

							

							// 选号地址-只有省市

							this.areaList2 = {
								city_list:{},
								province_list:{}
							}

							for (let i in response.data) {
								if(i=='city_list'){
									this.areaList2.city_list = response.data[i]
								}
								if(i=='province_list'){
									this.areaList2.province_list = response.data[i]
								}
							}
						})
					
					var that = this
					this.id = this.getUrlParam('id')	
					this.all.id = this.getUrlParam('id')	
					//京东专用
					this.all.productId = this.getUrlParam('productId')	
					this.all.empId = this.getUrlParam('empId')	
					this.all.callbackurl = this.getUrlParam('callbackUrl')	
					this.all.jd_flag = this.getUrlParam('flag')	
					
	
					
					
					this.getpeizhi()
					let p = this.getitem()
					p.then(item=>{
						
						if(this.item.price == 0){
							
						}else{
							//京东用
							if(!this.all.productId){
								var wx = window.navigator.userAgent.toLowerCase();
								if (wx.match(/MicroMessenger/i) == 'micromessenger') {
									this.all.pay_method = 3 
									
									if (this.getUrlParam('code')) {
										this.code = this.getUrlParam('code')
										axios.get(`${this.apis}/api/wechat/code2token?code=${this.code}`)
										    .then(response => {
										        if(response.data.msg.code == 0){
													if(response.data.data.errcode){
														axios.get(`${this.apis}/api/wechat/code?url=${window.location}`)
														    .then(response => {
														        if(response.data.msg.code == 0){
														            window.location.href = response.data.data
														        }else{
														            vant.Toast(response.data.msg.info);
														        }
														    })
													}
										            this.all.openid = response.data.data.openid
										        }else{
													vant.Toast(response.data.msg.info);
										        }
										    })
									} else {
										axios.get(`${this.apis}/api/wechat/code?url=${window.location}`)
										    .then(response => {
										        if(response.data.msg.code == 0){
										            window.location.href = response.data.data
										        }else{
										            vant.Toast(response.data.msg.info);
										        }
										    })
									}
								}
							}
						}
					})
					
					
					
					
					

					// axios.post(that.links + '/api/wechat/code', {"token":that.code,"appid":"wx2d18b51e3875af9a","scope":"userinfo"})
					//     .then(response => {
					//         if(response.data.msg.code == 0){
					//             console.log("登陆成功")
					//             that.loading = false
					//         }else{
					//             that.$message.error(response.data.msg.info);
					//         }
					//     })

				},
				mounted() {
					window.addEventListener('scroll', this.scrollToTop)
					setTimeout(()=>{
						let gao = (-(this.$refs.haha.clientHeight/2)) + 'px'
						let style = document.styleSheets[2]
						style.insertRule(`
							@keyframes all{
								from {
									transform:  translate(0px,0px);
								}
								to {
									transform:  translate(0,${gao});
								}
							}
						`)
						
						this.$refs.haha.style.animation = `all ${this.pinglunlist.length * 3}s linear infinite`
					},4000)
				},
				methods: {
					xuanzhongdeindexg:function(index){
						this.linshi = ""
						this.item.take_number = ""
						this.item.page_id = this.item.pages[index].page_id
						this.xuanzhongdeindex = index
						this.item.take_number = this.item.pages[index].take_number
						this.item.mobile_config = this.item.pages[index].mobile_config
						console.log(this.item)
						if(this.item.take_number>0){
							
							//当前省市初始值
							if(this.item.take_number >0 && this.item.mobile_config == 1){
								
								var sheng = sessionStorage.getItem('sheng')
								var shi = sessionStorage.getItem('shi')
								for(let i in this.areaList2.city_list){
									if(this.areaList2.city_list[i]==shi){
										
										this.nowcitycode2 = i
										this.all2.province = sheng
										this.all2.city = shi
										this.shengshiqu2 = this.all2.province + '  ' + this.all2.city
									}
								}
							}
							this.xuanhaokai()
						}

						
						
						// if(this.item.take_number == 1 ){
						// 	if(this.item.mobile_config == 2){
						// 		this.getlist()
						// 	}
						// 	if(this.item.mobile_config == 3){
						// 		this.getlist()
						// 	}
						// 	if(this.item.mobile_config == 4){
								
						// 	}
						// 	if(this.item.mobile_config == 5){
								
						// 	}
						// }
						
						// if(this.item.take_number == 2){
						// 	if(this.item.mobile_config == 2){
						// 		this.getlist()
						// 	}
						// }
						
						// if(this.item.take_number == 3){
							
						// }
						
					},
					querenxuanhao:function(num){
						console.log('--==')
						this.linshi = num.mobile.join('')
						this.pickobg =JSON.parse(JSON.stringify(num))
						this.pickobg.mobile = this.linshi
						this.xuanhaoshow = true
						// if(this.item.take_number == 1){
						// 	this.all.pretty_number = this.linshi
						// 	this.xuanhaoshow = false
							
							//这次不用
							// if(this.item.mobile_config == 3){
							// 	let obj = {
							// 		"id": this.item.id,
							// 		"mobile": this.linshi,
							// 		"data": {
							// 			"id_card_num":this.all.id_num,
							// 			"address_province": this.all2.province,
							// 			"address_province_code": this.all2.provincecode,
							// 			"address_city": this.all2.city,
							// 			"address_city_code": this.all2.citycode,
							// 			"address_district": this.all2.district,
							// 			"address_district_code": this.all2.districtcode,
							// 			"num_city_code":this.all.num_city_code
							// 		}
							// 	}
							// 	axios.post(`${this.apis}/api/plan-market/upstream/take/number2`,obj).then(response => {
							// 			if (response.data.msg.code == 0) {
							// 				this.all.pretty_number = this.linshi
							// 				this.xuanhaoshow = false
							// 			} else {
							// 				vant.Toast(response.data.msg.info);
											
							// 			}			
							// 		})
							// }
							// if(this.item.mobile_config == 4){
							// 	let check_code = ''
							// 	if(this.linshi){
							// 		Object.keys(this.mobile_config4).map((key,value)=>{
							// 			if(this.mobile_config4[key] == this.linshi){
							// 				check_code = key
							// 			}
							// 		})
							// 	}
							// 	let obj = {
							// 		"id": this.item.id,
							// 		"mobile": this.linshi,
							// 		"data": {
							// 			"id_card_num":this.all.id_num,
							// 			"address_province": this.all2.province,
							// 			"address_province_code": this.all2.provincecode,
							// 			"address_city": this.all2.city,
							// 			"address_city_code": this.all2.citycode,
							// 			"address_district": this.all2.district,
							// 			"address_district_code": this.all2.districtcode,
							// 			'check_code':check_code
							// 		}
							// 	}
							// 	Object.keys(this.mobile_config4canshu).map((key,value)=>{
							// 		obj.data[key] = this.mobile_config4canshu[key]
							// 	})
							// 	axios.post(`${this.apis}/api/plan-market/upstream/take/number2`,obj).then(response => {
							// 			if (response.data.msg.code == 0) {
							// 				this.all.pretty_number = this.linshi
							// 				this.xuanhaoshow = false
							// 			} else {
							// 				vant.Toast(response.data.msg.info);
							// 			}			
							// 		})
							// }
							// if(this.item.mobile_config == 5){
							// 	let obj = {
							// 		"id": this.item.id,
							// 		"mobile": this.linshi,
							// 		"data": {
							// 			"id_card_num":this.all.id_num,
							// 			"address_province": this.all2.province,
							// 			"address_province_code": this.all2.provincecode,
							// 			"address_city": this.all2.city,
							// 			"address_city_code": this.all2.citycode,
							// 			"address_district": this.all2.district,
							// 			"address_district_code": this.all2.districtcode,
							// 		}
							// 	}
							// 	Object.keys(this.mobile_config4canshu).map((key,value)=>{
							// 		obj.data[key] = this.mobile_config4canshu[key]
							// 	})
								
										
							// 	axios.post(`${this.apis}/api/plan-market/upstream/take/number2`,obj).then(response => {
							// 			if (response.data.msg.code == 0) {
							// 				this.all.pretty_number = this.linshi
							// 				this.xuanhaoshow = false
							// 			} else {
							// 				vant.Toast(response.data.msg.info);
											
							// 			}			
							// 		})
							// }
							
						// }
						
						// if(this.item.take_number == 2){
						// 	let obj = {
						// 		"id": this.item.id,
						// 		"mobile": this.linshi,
						// 		"data": {
						// 			"id_card_num":this.all.id_num,
						// 			"address_province": this.all2.province,
						// 			"address_province_code": this.all2.provincecode,
						// 			"address_city": this.all2.city,
						// 			"address_city_code": this.all2.citycode,
						// 			"address_district": this.all2.district,
						// 			"address_district_code": this.all2.districtcode
						// 		}
						// 	}
									
						// 	axios.post(`${this.apis}/api/plan-market/upstream/take/number2`,obj).then(response => {
						// 			if (response.data.msg.code == 0) {
						// 				this.all.pretty_number = this.linshi
						// 				this.xuanhaoshow = false
						// 			} else {
						// 				vant.Toast(response.data.msg.info);
										
						// 			}			
						// 		})
						// }
						
						// if(this.item.take_number == 3){
						// 	this.all.pretty_number = this.linshi
						// 	this.xuanhaoshow = false
						// }
					},
					//上一页
					prepage(){
						if(this.pagenum!=1){
							this.pagenum--
							this.getlist()
						}
					},
					//下一页
					nextpage(){
						this.pagenum++
						this.getlist()
					},
					
					getlist:function(){
						// this.all.pretty_number = ''
						this.linshi = ''
						let obj = {
							"page_id": this.item.page_id,
							"data": {
								"id_card_num":this.all.id_num,
								"address_province": this.all2.province,
								"address_province_code": this.all2.provincecode,
								"address_city": this.all2.city,
								"address_city_code": this.all2.citycode,
								"address_district": this.all2.district,
								"address_district_code": this.all2.districtcode,
								"page":this.pagenum,
								"search_name":this.shuzi,
							}
						}
						if(this.nowchoosetagitem!=''){
							obj.data[this.nowchoosetagitem.rule_key] = this.nowchoosetagitem.rule_name
							// console.log(key,value)
							console.log(obj)
						}

						  // 不带4
   
						if(this.choosesend.length>0){
						obj.data['second_search'] = this.choosesend.toString()
						}



						axios.post(`${this.apis}/api/store/query/number`,obj).then(response => {
								if (response.data.msg.code == 0) {
								
									// if(this.item.take_number == 1){
										
									// 	if(this.item.mobile_config == 3){
									// 		this.list = response.data.data.arr
									// 		this.list2 = response.data.data.arr
									// 		this.all.num_city_code = response.data.data.num_city_code
									// 	}
										
									// 	if(this.item.mobile_config == 2){
									// 		this.list = response.data.data
									// 		this.list2 = response.data.data
									// 	}
										
									// 	if(this.item.mobile_config == 1){
									// 		this.list = response.data.data
									// 		this.list2 = response.data.data
									// 	}
										
									// 	if(this.item.mobile_config == 4){
									// 		Object.keys(response.data.data).map((key,value)=>{
									// 			if(key != 'arr'){
									// 				this.$set(this.all,key,response.data.data[key])
									// 				this.$set(this.mobile_config4canshu,key,response.data.data[key])
									// 			}else{
									// 				this.list = []
									// 				this.list2 = []
									// 				this.mobile_config4 = response.data.data.arr
									// 				Object.keys(this.mobile_config4).map((key,value)=>{
									// 					this.list.push(this.mobile_config4[key])
									// 					this.list2.push(this.mobile_config4[key])
									// 				})
									// 			}
									// 		}) 
									// 	}
										
									// 	if(this.item.mobile_config == 5){
									// 		Object.keys(response.data.data).map((key,value)=>{
									// 			if(key != 'arr'){
									// 				this.$set(this.all,key,response.data.data[key])
									// 				this.$set(this.mobile_config4canshu,key,response.data.data[key])
									// 			}else{
									// 				this.list = response.data.data.arr
									// 				this.list2 = response.data.data.arr
									// 			}
									// 		}) 
									// 	}
									// }else{
									// 	this.list = response.data.data
									// 	this.list2 = response.data.data
									// }
									var newdata = response.data.data


									this.list = this.firststro(newdata) 
									
								} else {
									vant.Toast(response.data.msg.info);
									
								}			
							})
					},
					xuanhaokai:function(){
						
						if(this.item.take_number >0 ){
							if(this.item.mobile_config == 1){
								console.log(this.shengshiqu2)
								if(this.shengshiqu2 == '' || this.shengshiqu2 == '省、市'){
									// this.shengshiqu2 = this.shengshiqu
									this.all2 = {
										province: this.all.province,
										provincecode: this.all.provincecode,
										city: this.all.city,
										citycode: this.all.citycode,
										district: this.all.district,
										districtcode: this.all.districtcode
									}
									
									if(this.all.province == ''){
										if(this.all.province == ''){
											this.hong2 = true
										}
										vant.Toast('请填写归属地后方可选号！');
										return false
									}else{
										this.getlist()
										// this.xuanhaoshow = true
									}
								}else{
									this.getlist()
									// this.xuanhaoshow = true
								}
							}else{
								this.getlist()
							}
						}
						
						// if(this.item.take_number == 1){
							
						// 	if(this.item.mobile_config == 1){
						// 		console.log(this.shengshiqu2)
						// 		if(this.shengshiqu2 == '' || this.shengshiqu2 == '点击选择所在地区'){
						// 			this.shengshiqu2 = this.shengshiqu
						// 			this.all2 = {
						// 				province: this.all.province,
						// 				provincecode: this.all.provincecode,
						// 				city: this.all.city,
						// 				citycode: this.all.citycode,
						// 				district: this.all.district,
						// 				districtcode: this.all.districtcode
						// 			}
									
						// 			if(this.all.province == ''){
						// 				if(this.all.province == ''){
						// 					this.hong2 = true
						// 				}
						// 				vant.Toast('请填写归属地后方可选号！');
						// 				return false
						// 			}else{
						// 				this.getlist()
						// 				// this.xuanhaoshow = true
						// 			}
						// 		}else{
						// 			this.getlist()
						// 			// this.xuanhaoshow = true
						// 		}
						// 	}
							
						// 	if(this.item.mobile_config == 2||this.item.mobile_config == 3){
						// 		this.getlist()
						// 		// this.xuanhaoshow = true
						// 	}
						// 	// if(){
						// 	// 	this.xuanhaoshow = true
						// 	// }
						// 	if(this.item.mobile_config == 4){
						// 		if(this.shengshiqu2 == '' || this.shengshiqu2 == '点击选择所在地区'){
						// 			this.shengshiqu2 = this.shengshiqu
						// 			this.all2 = {
						// 				province: this.all.province,
						// 				provincecode: this.all.provincecode,
						// 				city: this.all.city,
						// 				citycode: this.all.citycode,
						// 				district: this.all.district,
						// 				districtcode: this.all.districtcode
						// 			}
									
						// 			if(this.all.province == ''){
						// 				if(this.all.province == ''){
						// 					this.hong2 = true
						// 				}
						// 				vant.Toast('请填写归属地后方可选号！');
						// 				return false
						// 			}else{
						// 				this.getlist()
						// 				// this.xuanhaoshow = true
						// 			}
						// 		}else{
						// 			this.getlist()
						// 			// this.xuanhaoshow = true
						// 		}
								
						// 	}
						// 	if(this.item.mobile_config == 5){
						// 		if(this.shengshiqu2 == '' || this.shengshiqu2 == '点击选择所在地区'){
						// 			this.shengshiqu2 = this.shengshiqu
						// 			this.all2 = {
						// 				province: this.all.province,
						// 				provincecode: this.all.provincecode,
						// 				city: this.all.city,
						// 				citycode: this.all.citycode,
						// 				district: this.all.district,
						// 				districtcode: this.all.districtcode
						// 			}
									
						// 			if(this.all.province == ''){
						// 				if(this.all.province == ''){
						// 					this.hong2 = true
						// 				}
						// 				vant.Toast('请填写归属地后方可选号！');
						// 				return false
						// 			}else{
						// 				this.getlist()
						// 				// this.xuanhaoshow = true
						// 			}
						// 		}else{
						// 			this.getlist()
						// 			// this.xuanhaoshow = true
						// 		}
						// 	}
						// }
						
					},
					shaixuanhao:function(shuzi){
						this.pagenum = 1
						this.nowchoosetag = ''
						this.nowchoosetagitem = {}
						//选号
						this.xuanhaokai()
						
						// if(this.weihao){
						// 	if(this.shuzi.length > 4){
						// 		vant.Toast('尾号检索请输入少于四位数字');
						// 		return false
						// 	}
						// 	if(this.weihao){
						// 		let list2 = this.list2 
						// 		this.list = list2.filter(item=>item.toString().substring(7,11).includes(this.shuzi))
						// 	}
						// }else{
						// 	let list2 = this.list2
						// 	this.list = list2.filter(item=>item.toString().includes(shuzi))
							
						// }
					},
					// weihaoma:function(){
					// 	if(this.shuzi.length > 4){
					// 		vant.Toast('尾号检索请输入少于四位数字');
					// 		return false
					// 	}
					// 	this.weihao = !this.weihao
					// 	if(this.weihao){
					// 		let list2 = this.list2 
					// 		this.list = list2.filter(item=>item.toString().substring(7,11).includes(this.shuzi))
					// 	}
					// 	console.log(this.weihao)
					// },
					
					// //弹出省市区
					// showPopup: function() {
								
					// 	this.hong2 = false
					// 	this.show = true
					// },
					
					// //省市区确认
					// queren: function(v) {
						
					// 	console.log(v)
					// 	if (!v[0].code || !v[1].code || !v[2].code) {
					// 		vant.Toast('请完整选择省市区');
					// 		return false
					// 	}
					// 	this.all.province = v[0].name
					// 	this.all.provincecode = v[0].code
					// 	this.all.city = v[1].name
					// 	this.all.citycode = v[1].code
					// 	this.all.district = v[2].name
					// 	this.all.districtcode = v[2].code
						
					// 	this.shengshiqu = this.all.province + '  ' + this.all.city + '  ' + this.all.district
						
					// 	this.show = false
					// },
					// //省市区取消
					// quxiao: function() {
					// 	this.show = false
					// },
					
					
					//弹出省市区
					showPopup2: function() {
						this.show2 = true
					},
					queren2: function(v) {
						if (!v[0].code || !v[1].code) {
							vant.Toast('请完整选择省市区');
							return false
						}
						this.all2.province = v[0].name
						this.all2.provincecode = v[0].code
						this.all2.city = v[1].name
						this.all2.citycode = v[1].code
						// this.all2.district = v[2].name
						// this.all2.districtcode = v[2].code
						
						this.shengshiqu2 = this.all2.province + '  ' + this.all2.city
						
						this.show2 = false
						
					
						// if(this.item.take_number==3){
							
							this.pagenum = 1
							this.getlist()
						// }else{
						// 	this.getlist()
						// }
						
					},
					//省市区取消
					quxiao2: function() {
						this.show2 = false
					},
					
					
					dakaixieyi:function(index,type){
						if(this.xieyilist[index].is_yd_protocol == 1){
							axios.get(`${this.apis}/api/store/product/protocol`,{params:{
									order_page_id:this.all.id,
									address_province:this.all2.province
								}
							}).then(response => {
									if (response.data.msg.code == 0) {
										this.log1html = response.data.data[0].content
										if(type=='qz'){

										}else{
											this.log1 = true
											console.log('不应该==')
										}
										
									} else {
										vant.Toast(response.data.msg.info);
									}			
								})
						}else{
							this.log1html = this.xieyilist[index].content
							if(type=='qz'){

							}else{
								this.log1 = true
								console.log('不应该==')
							}
						}
					},
					getNewArray:function(array, subGroupLength){
						  let index = 0;
						  let newArray = [];
						  while(index < array.length) {
							  console.log(index)
						      newArray.push(array.slice(index, index += subGroupLength));
						  }
						  return newArray;
					},
					getpinglun:function(id){
						
						axios.get(`${this.apis}/api/mini/comment/list?temp_id=${id}`)
						.then(response => {
							this.pinglunlist = response.data.data
							
							let time = moment().subtract(this.pinglunlist.length * parseInt(Math.random()*10),'minutes')
							if(this.pinglunlist != ''){
								this.pinglunlist.forEach((item,index)=>{
									if(item.header == ''){
										item.header = 'https://static.91haoka.cn/toux.png'
									}
									let miao = parseInt(Math.random()*60)
									if(miao < 10){
										miao = '0' + miao.toString()
									}
									time = moment(time).add(index+1 * parseInt(Math.random()*10),'minutes').format('YYYY-MM-DD HH:mm:' + miao) 
									item.created_at = moment(time).add(index+1 * parseInt(Math.random()*10),'minutes').format('HH:mm:' + miao) 
								})
								// this.pinglunlist = this.getNewArray(this.pinglunlist, 2);
							}
							
						})
					},
					getpeizhi:function(){
						let wenjianjia = 'web-page'
						if(window.location.href.includes('storep.91haoka.cn') && this.apis == ''){
						  wenjianjia = 'web-page'
						}
						if(window.location.href.includes('store.91haoka.cn') && this.apis == ''){
						  wenjianjia = 'test-web-page'
						}
						if(window.location.href.includes('localhost')){
						  wenjianjia = 'test-web-page'
						}
						if(window.location.href.includes('192.168.2.183')){
						  wenjianjia = 'test-web-page'
						}
						axios.get(`https://file.91haoka.cn/${wenjianjia}/${this.id}.json?v=${Math.random()}`)
						// axios.get(`${this.apis}/storage/web-page/${this.id}.json?v=${Math.random()}`)
						.then(response => {
							this.peizhi = JSON.parse(response.data)

							if (typeof this.peizhi.shenfenzheng === "string") {
								if(this.peizhi.shenfenzheng=='true'){
									this.peizhi.shenfenzheng = true
								}else if(this.peizhi.shenfenzheng=='false'){
									this.peizhi.shenfenzheng = false
								}
							} 
							if (typeof this.peizhi.shouhuorenxingming === "string") {
								if(this.peizhi.shouhuorenxingming=='true'){
									this.peizhi.shouhuorenxingming = true
								}else if(this.peizhi.shouhuorenxingming=='false'){
									this.peizhi.shouhuorenxingming = false
								}
							} 
							
							if(!this.peizhi.anniuwenzi && !this.peizhi.yansename){
								this.peizhi.neirongcolor = "rgb(157, 111, 255)"
								this.peizhi.anniucolor = "rgb(255, 64, 33)"
								this.peizhi.anniuwenzi = "0元领取  包邮到家"
								this.peizhi.yansename = "紫色"
								this.peizhi.yueduyanse = "rgb(66, 6, 93)"
							}
							if(this.peizhi.pinglun == 1 && this.peizhi.pinglunid){
								this.getpinglun(this.peizhi.pinglunid)
							}
							
							if(!this.peizhi.xiantianxie){
								this.peizhi.xiantianxie = 1
							}
						
							if(this.peizhi.gongsidianhua && this.peizhi.gongsidianhua.includes('\n')){
								let arrs = this.peizhi.gongsidianhua.split('\n')
								this.peizhi.gongsidianhua = arrs[0] + '<br />' + arrs[1]
							}
						
							if(this.peizhi.bufahuodiqu == 1){
								let data = this.areaList.province_list
								let data2 = this.areaList.city_list
								let data3 = this.areaList.county_list							
								
								if(this.peizhi.delivery_city != ''){
									let obj = {}
									let obj2 = {}
									let obj3 = {}
									this.peizhi.delivery_city.forEach(items => {
										
										if(items[0]){
											Object.keys(data).map((key1, item1) => {
												if (items[0] == key1) {
													obj[key1] = data[key1]
												}
											})
										}
										if(items[1]){
											Object.keys(data2).map((key2, item2) => {
												if (items[1] == key2) {
													obj2[key2] = data2[key2]
												}
											})
										}			
										if(items[2]){
											Object.keys(data3).map((key3, item3) => {
												if (items[2] == key3) {
													obj3[key3] = data3[key3]
												}
											})
										}	
																
									})
									
									this.areaList.province_list = obj
									this.areaList.city_list = obj2
									this.areaList.county_list = obj3
								}
								
							}
							if (this.peizhi.bufahuodiqu == 3) {
								let data = JSON.parse(JSON.stringify(this.areaList.province_list)) 
								let data2 = JSON.parse(JSON.stringify(this.areaList.city_list))
								let data3 = JSON.parse(JSON.stringify(this.areaList.county_list))
								
								
								
								// this.peizhi.bufahuosheng.forEach(items => {
								// 	Object.keys(data).map((key1, item1) => {
								// 		if (items == key1) {
								// 			delete this.areaList.province_list[items]
								// 		}
								// 	})			
								// })
								// this.peizhi.no_city.forEach(items => {											
								// 	Object.keys(data2).map((key2, item2) => {
								// 		if (items[1] == key2) {
								// 			delete this.areaList.city_list[key2]
								// 		}
								// 	})					
								// })
								this.peizhi.no_city.forEach(items => {
									Object.keys(data3).map((key3, item3) => {
										if (items[2] == key3) {
											delete this.areaList.county_list[key3]
										}
									})			
								})
							}
							console.log(this.peizhi)
							var sheng = sessionStorage.getItem('sheng')
            				var shi = sessionStorage.getItem('shi')
            				var qu = sessionStorage.getItem('qu')
							for(let i in this.areaList.county_list){
								if(this.areaList.county_list[i]==qu){
									
									this.nowcitycode = i
									this.all.province = sheng
									this.all.city = shi
									this.all.district = qu
									this.shengshiqu = this.all.province + '  ' + this.all.city + '  ' + this.all.district
								}
							}
						})
					},
					
					getitem:function(){
						return new Promise((res,rej)=>{
							axios.get(`${this.apis}/api/page/info3?id=${this.id}`)
								.then(response => {
									
									if(response.data.data != '' && response.data.data){
										this.item = response.data.data
										if(this.item.network_access_protocol == 1){
											if(this.item.protocol_check==1){
												this.checked = true
											}
											//获取协议
											axios.get(`${this.apis}/api/network-process-protocol/info?id=${this.item.protocol_id}`)
											.then(response => {
												this.xieyilist = response.data.data
											})
										}
										document.title = response.data.data.sale_name
										// this.item.json = JSON.parse(this.item.json)
									
										
										


										//选号相关
										// if(this.item.take_number == 1 ){
										// 	if(this.item.mobile_config == 2){
										// 		this.getlist()
										// 	}
										// 	if(this.item.mobile_config == 3){
										// 		this.getlist()
										// 	}
										// 	if(this.item.mobile_config == 4){
												
										// 	}
										// 	if(this.item.mobile_config == 5){
												
										// 	}
										// }
										
										// if(this.item.take_number == 2){
										// 	if(this.item.mobile_config == 2){
										// 		this.getlist()
										// 	}
										// }
										
										// if(this.item.take_number == 3){
											
										// }
										
										this.jiazaizhong = false

										if(this.item.pick_number_rules!=''){

											var liang = []
              								var ersearch = []
											for(var x = 0;x<this.item.pick_number_rules.length;x++){
												if(this.item.pick_number_rules[x].rule_key=='second_search'){
												ersearch.push(this.item.pick_number_rules[x])
												}else{
												liang.push(this.item.pick_number_rules[x])
												}
											}

											this.lianglist = this.sortFun(liang,'sort','desc')
											this.nowchoosetagitem = this.sortFun(liang,'sort','desc')[0]
											this.nowchoosetag = '0'
											
											this.btnsear = ersearch
										}
										res('ok')
									}else{
										document.title = '商品已下架'
										vant.Toast(response.data.msg.info);
									}
									
									// this.is_need_photo = this.person.is_need_photo
								})
						})
					},
					
					dataURLtoFile(dataurl, filename) {
					  let arr = dataurl.split(","),
					    mime = arr[0].match(/:(.*?);/)[1],
					    bstr = atob(arr[1]),
					    n = bstr.length,
					    u8arr = new Uint8Array(n);
					  while (n--) {
					    u8arr[n] = bstr.charCodeAt(n);
					  }
					  return new File([u8arr], filename, {
					    type: mime
					  });
					},
					uploadok: function(file,who) {
					  var that = this;
					  var reader = new FileReader()
					  var img = new Image();
					  reader.onload = function(e) {
					    img.src = e.target.result;
					  };
					  var canvas = document.createElement('canvas');
					  var context = canvas.getContext('2d');
					  // base64地址图片加载完毕后
					  let p = new Promise((r, j) => {
					    img.onload = function() {
					      // 图片原始尺寸
					      var originWidth = this.width;
					      var originHeight = this.height;
					      // 最大尺寸限制
					      var maxWidth = 1920,
					        maxHeight = 1080;
					      // 目标尺寸
					      var targetWidth = originWidth,
					        targetHeight = originHeight;
					      // 图片尺寸超过400x400的限制
					      if (originWidth > maxWidth || originHeight > maxHeight) {		              if (originWidth / originHeight > maxWidth / maxHeight) {
					           // 更宽，按照宽度限定尺寸                  targetWidth = maxWidth;                  targetHeight = Math.round(maxWidth * (originHeight / originWidth));
					          } else {                  targetHeight = maxHeight;
					           targetWidth = Math.round(maxHeight * (originWidth / originHeight));		              }
					      }
					      // canvas对图片进行缩放
					      canvas.width = targetWidth;
					      canvas.height = targetHeight;
					      // 清除画布
					      context.clearRect(0, 0, targetWidth, targetHeight);
					      // 图片压缩
					      context.drawImage(img, 0, 0, targetWidth, targetHeight);
					
					      let base64 = canvas.toDataURL("image/jpeg", 0.8); // 压缩后的base64图片
					      let file2 = that.dataURLtoFile(base64, Date.parse(Date()) + ".jpg");
						  r(file2)
					    };
					  })
					  reader.readAsDataURL(file);
					  p.then(files => {
						  
						  axios.post(`${this.apis}/api/qiniu/token`,{bucket:"gth"})
						  	.then(response => {
						  	var qiniudata = new FormData();
						  		qiniudata.append('file', files);
						  		qiniudata.append('token',response.data.data);
						  		
						  		axios.post('https://upload.qiniup.com',qiniudata)
						  			.then(response => {
						  				this.all[who] = 'https://pic.91haoka.cn/' + response.data.key
						  			})
						  })
						  
					    // var formData = new FormData();
					    // formData.append("file", files);
					    // formData.append("type", 'pic');
					    // axios.post(`${this.apis}/api/system/upload`, formData)
					    //   .then(response => {
					    //     if (response.data.msg.code == 0) {
					    //       that.img = response.data.data
					    //       that.$emit('getimg', response.data.data)
					    //     } else {
					    //       that.$message.error(response.data.msg.info);
					    //     }
					    //   })
					  })
					},
					
					afterRead1: function(file) {
						this.uploadok(file.file,'face_url')
						// axios.post(`${this.apis}/api/qiniu/token`,{bucket:"gth"})
						// 	.then(response => {
						// 	var qiniudata = new FormData();
						// 		qiniudata.append('file', file.file);
						// 		qiniudata.append('token',response.data.data);
								
						// 		axios.post('https://upload.qiniup.com',qiniudata)
						// 			.then(response => {
						// 				this.all.face_url = 'https://pic.91haoka.cn/' + response.data.key
						// 			})
						// })
					},
					afterRead2: function(file) {
						this.uploadok(file.file,'back_url')
						// axios.post(`${this.apis}/api/qiniu/token`,{bucket:"gth"})
						// 	.then(response => {
						// 	var qiniudata = new FormData();
						// 		qiniudata.append('file', file.file);
						// 		qiniudata.append('token',response.data.data);
						// 	axios.post('https://upload.qiniup.com',qiniudata)
						// 		.then(response => {
						// 			this.all.back_url = 'https://pic.91haoka.cn/' + response.data.key
						// 		})
						// })
					},
					afterRead3: function(file) {
						this.uploadok(file.file,'hand_url')
						// axios.post(`${this.apis}/api/qiniu/token`,{bucket:"gth"})
						// 	.then(response => {
						// 	var qiniudata = new FormData();
						// 		qiniudata.append('file', file.file);
						// 		qiniudata.append('token',response.data.data);
						// 	axios.post('https://upload.qiniup.com',qiniudata)
						// 		.then(response => {
						// 			this.all.hand_url = 'https://pic.91haoka.cn/' + response.data.key
						// 		})
						// })
					},
					//获取url的code用
					getUrlParam: function(name) {
						var query = window.location.search.substring(1);
						var vars = query.split("&");
						for (var i = 0; i < vars.length; i++) {
							var pair = vars[i].split("=");
							if (pair[0] == name) {
								return pair[1];
							}
						}
						return (false);
					},
			// 		scrollToTop() {
			// 			var scrollTop = window.pageYOffset || document.documentElement.scrollTop || document.body
			// 				.scrollTop;
			
			// 			if (scrollTop > 1000) {
			// 				this.scrollTopshow = true
			// 			} else {
			// 				this.scrollTopshow = false
			// 			}
			// 		},
			// 		backtop: function() {
			// 			window.scrollTo(0, 376);
			// 		},
					
					//支付
					// fukuan: function() {
					// 	this.dialog = false
					// 	this.num = 3
					// 	this.dianba = true
					// 	var that = this
					// 	axios.post(this.urls + '/api/recharge/hua-pay', {
					// 			mobile: this.input,
					// 			product_id: this.li,
					// 			payment_method: "wx_mp"
					// 		})
					// 		.then(response => {
					// 			if (response.data.msg.code == 0) {
					// 				WeixinJSBridge.invoke(
					// 					'getBrandWCPayRequest', {
					// 						"appId": "wx2d18b51e3875af9a",
					// 						'timeStamp': response.data.data.payInfo.timeStamp,
					// 						'nonceStr': response.data.data.payInfo.nonceStr,
					// 						'package': response.data.data.payInfo.package,
					// 						'signType': 'MD5',
					// 						'paySign': response.data.data.payInfo.paySign,
					// 					},
					// 					function(res) {
					// 						if (res.err_msg == "get_brand_wcpay_request:ok") {}
					// 					});
					// 			} else {
					// 				that.$message.error(response.data.msg.info);
					// 			}
					// 		})
					// },
					//验证是否可以提交
					// go: function() {
					// 	if (this.mobile.length != 11) {
					// 		vant.Toast('请填写正确手机号');
					// 		return false
					// 	}
					// 	if (this.address == "" || this.name == "" || this.sheng == "") {
					// 		vant.Toast('请填写完整信息');
					// 		return false

					// 	} else {
					// 		this.show2 = true
					// 	}
					// },
					//姓名写入 出身份证
					// namewrite: function() {
					// 	this.cardshow = true
					// },
					
					//弹出省市区
					showPopup: function() {
						this.show = true
					},
					//省市区确认
					queren: function(v) {
						if (!v[0].code || !v[1].code || !v[2].code) {
							vant.Toast('请完整选择省市区');
							return false
						}
						this.all.province = v[0].name
						this.all.provincecode = v[0].code
						this.all.city = v[1].name
						this.all.citycode = v[1].code
						this.all.district = v[2].name
						this.all.districtcode = v[2].code
						
						this.shengshiqu = this.all.province + '  ' + this.all.city + '  ' + this.all.district
						
						this.show = false
					},
					//省市区取消
					quxiao: function() {
						this.show = false
					},
					//获取验证码
					getcode: function() {
						var that = this;
						if (this.all.mobile.length != 11) {
							vant.Toast("请输入正确手机号");
							return;
						}
						that.yzmnum = 60;
						that.timer = setInterval(function() {
							if (that.yzmnum == 0) {
								clearInterval(that.timer);
								that.yzm = '获取验证码';
								that.yzmuse = false
							} else {
								that.yzmuse = true
								that.yzm = that.yzmnum + '秒重新获取';
								that.yzmnum = that.yzmnum - 1;
							}
						}, 1000);
						
						axios.post(`${this.apis}/api/system/code/send`, {mobile:this.all.mobile,id:this.id})
							.then(function(response) {
								if (response.data.msg.code == 0) {
									vant.Toast("验证码已发送");
								}
							})
					},

					//验证码校验
					checkCode: function() {
						var that = this
						return new Promise((res,rej)=>{
							axios.post(`${this.apis}/api/system/code/check`,{
								mobile:this.all.mobile,
								code:this.all.code
							}).then(response => {
									if (response.data.msg.code == 0) {
										if(response.data.data){
											res('ok')
										}else{
											vant.Toast('请输入正确的验证码');
										}
										
									} else {
										vant.Toast(response.data.msg.info);
										
									}			
								})
						})
					},
					// qufukuan: function() {
					// 	this.show2 = true
					// },
					//国政通
					guozhengtong: function() {
						if (this.all.id_num.length != 18) {
							vant.Toast("请填写正确身份证号码！");
							return false
						}
						
						
						return new Promise((res,rej)=>{
							axios.post(`${this.apis}/api/id/check`,{
								name:this.all.id_name,
								id_num:this.all.id_num,
								id:this.id
							}).then(response => {
									if (response.data.msg.code == 0) {
										if(response.data.data == 'success'){
											res('ok')
										}else{
											vant.Toast('请填写正确的姓名和身份证号码');
										}
									} else {
										vant.Toast(response.data.msg.info);
										
									}			
								})
						})
					},
					tijiaogo(){
						//是否需要二次确认
						if(this.peizhi.sureagain == '1'){
							//需要二次确认
							if(!this.chooseagain){
								this.isshowagain = true
								this.tijiaoing = false
								return false
							}
							
						}else{
							this.tijiaogo2()
						}
					},
					tijiaogo2:function(){
						
						var that = this
						console.log(this.xuanzhongdeindex,this.item.pages)
						
						let data = {
							id:this.all.id,//	67	是	string	无
							source_id:"",//	wq11111	是	string	无
							mobile:this.all.mobile,//	18053525846	是	string	无
							name:this.all.name,//	收件人	是	string	无
							id_name:this.all.id_name,//	王琪	是	string	无
							id_num:this.all.id_num,//	370602199401031335	是	string	无
							address:this.all.address,//	地址	是	string	无
							province:this.all.province,//	山东省	是	string	无
							city:this.all.city,//	烟台市	是	string	无
							district:this.all.district,//	莱山区	是	string	无
							pay_method:this.all.pay_method,//	1	是	string	1微信2支付宝
							page_id:this.item.pages[this.xuanzhongdeindex].page_id,//		是	string	敢探号商品id
							openid:this.all.openid,
							
							clickid:localStorage.getItem('clickid'),
							creativeid:localStorage.getItem('creativeid'),
							creativetype:localStorage.getItem('creativetype'),
							adid:localStorage.getItem('adid')
						}

						if(this.item.take_number >0){
							data.pretty_number = this.all.pretty_number
							data.take_num_params = this.all.take_num_params
						}
						console.log(data)
						// return
						axios.post(`${this.apis}/api/store/purchase2`, data)
							.then(response=> {
								if (response.data.msg.code == 0) {
									// vant.Toast('下单成功');
									if(this.item.pages[this.xuanzhongdeindex].unit_price == 0){
										setTimeout(()=>{
											window.location.href = '/h5/success2xinxiliu.html?page_id='+this.item.id
										},500)
									}else{
										var wx = window.navigator.userAgent.toLowerCase();
										if (wx.match(/MicroMessenger/i) == 'micromessenger') {
											WeixinJSBridge.invoke(
											 'getBrandWCPayRequest', {
											      "appId":response.data.data.appId,    
											      'timeStamp': response.data.data.timeStamp,
											      'nonceStr': response.data.data.nonceStr,
											      'package': response.data.data.package,
											      'signType': 'MD5',
											      'paySign': response.data.data.paySign,
											 },
											 function(res){
											       if(res.err_msg == "get_brand_wcpay_request:ok" ){
													    window.location.href = '/h5/success2xinxiliu.html?page_id='+this.item.id
												   } 
											 }); 
										}else{
											setTimeout(()=>{
												window.location.href = response.data.data.h5_url
											},500)
										}
									}
									
								} else {
									vant.Toast(response.data.msg.info);
									if(response.data.msg.code == 234 || response.data.msg.code == 235 ||  response.data.msg.code == 236){
										
									}else{
										this.tijiaoing = true
									}
								}
									
							})
					},
					yongyi:function(){
						// this.checked = true
						this.logqueding = false
					},
					sureagainbtn(){
						this.chooseagain = true
						this.isshowagain = false
						this.tijiaogo2()
					},
					tijiao: function() {

						

						console.log('通过')


						if(this.item.network_access_protocol == 1&&this.item.protocol_check!=3){
							if(!this.checked){
								console.log(this.peizhi)
								if(this.peizhi.protocol_qz){
									//强制
									this.dakaixieyi(0,'qz')
									this.logqueding = true
									this.checked = true
									return false
								}else{
									// vant.Toast("请先阅读并同意客服协议！");
									this.logqueding = true
									this.checked = true
									return false
								}
								
							}
						}
						// console.log('允许下单')
						// return
						
						if(this.peizhi.min_page && this.peizhi.max_page){
						    let arr = this.all.id_num
						    let nian = arr.substr(6,4)
						    let yue = arr.substr(10,2)
						    let ri = arr.substr(12,2)
						    let quan = nian+'-'+yue+'-'+ri
						    
						    let x = moment().subtract(this.peizhi.min_page,'years').format('YYYY-MM-DD')
						    let z = moment(quan).format('YYYY-MM-DD')
						    let y = moment().subtract(this.peizhi.max_page,'years').format('YYYY-MM-DD')
						    
						    let x1 = moment().subtract(this.peizhi.min_page,'years').format('X')
						    let z1 = moment(quan).format('X')
						    let y1 = moment().subtract(this.peizhi.max_page,'years').format('X')

						    if(z<x & z>y){
						    
						    }else{
						        this.baocuo = "您的年龄不符合要求，无法办理,办理年龄"+this.peizhi.min_page+'岁-'+this.peizhi.max_page+'岁'
						        this.baocuolog = true
						        return;
						    }
						}
						
						// if(this.item.network_access_protocol == 1){
						// 	if(!this.checked){
						// 		// vant.Toast("请先阅读并同意客服协议！");
						// 		this.logqueding = true
						// 		return false
						// 	}
						// }
						
						if(this.peizhi.needidcard==1||this.peizhi.needidcard==undefined){
							if(this.all.id_name == ''){
								vant.Toast("请填写姓名！");
								return false
							}
							if (this.all.id_num.length != 18) {
								vant.Toast("请填写正确身份证号码！");
								return false
							}
						}
						
						
						
						if (this.all.mobile.length != 11) {
							vant.Toast("请输入正确手机号");
							return;
						}
						if (!this.all.address || !this.all.province) {
							vant.Toast("请填写地址");
							return;
						}
						
						if(this.peizhi.shenfenzheng){
							if (!this.all.back_url || !this.all.hand_url || !this.all.face_url) {
								vant.Toast("请先上传照片");
								return;
							}
						}
						console.log(this.item.address_yz)
						if(this.item.address_yz==1){
							if((this.all.province==this.all2.province)&&(this.all.city==this.all2.city)){
								console.log('true')
								
							}else{
								console.log('false')
								vant.Toast("收货地址与所选号码归属地不一致请重新选号下单");
								return
							}
						}
						let guolist = []
						if(this.peizhi.guozhengtong){
							guolist.push(this.guozhengtong())
						}
						if(this.peizhi.duanxin){
							guolist.push(this.checkCode())
						}
						if(this.peizhi.shouhuorenxingming){
							this.all.name = this.all.id_name
						}
						// if(this.all.name == ''){
						// 	vant.Toast("请填写收货人姓名！");
						// 	return false
						// }
						if(this.peizhi.xiantianxie==2&&this.peizhi.needidcard==2){
							this.all.name = this.all.id_name
						}
						if(guolist != ''){
							Promise.all(guolist).then(()=>{
								this.all.pretty_number = this.linshi
								this.all.take_num_params = this.pickobg
								this.tijiaogo()
							})
						}else{
							this.all.pretty_number = this.linshi
							this.all.take_num_params = this.pickobg
							this.tijiaogo()
						}
					},
					///////////////////////////////////////
					//换一批
					refnum(){
						this.pagenum = 1
						//选号
						this.xuanhaokai()
					},
					//上一页
					prepage(){
						if(this.pagenum!=1){
							this.pagenum--
							//翻页
							this.changepagestor(this.pagenum)
						}
					},
					//下一页
					nextpage(){
						this.pagenum++
						this.changepagestor(this.pagenum)
					},
					//选择标签
					choosetag(i,item){
						if(this.nowchoosetag == i.toString()){
							this.nowchoosetag = ''
							this.nowchoosetagitem = {}
						}else{
							this.nowchoosetag = i.toString()
							this.nowchoosetagitem = item
						}
						this.shuzi = ''
						this.pagenum = 1
						this.xuanhaokai()
						console.log(this.nowchoosetag)
					},
					//存
					setstor(item,name){
						localStorage.setItem(name, JSON.stringify(item));
					},
					//取
					getstor(name){
						return JSON.parse(localStorage.getItem(name))
					},
					//初始缓存20条
					firststro(dataarr){
						
						this.setstor(dataarr,'number')
										

						console.log(this.getstor('number'))
						

						var stor = []
						var stor = this.getstor('number').slice(0,20)
						var linarr = []
						for(var x=0;x<stor.length;x++){
							linarr.push(this.slicestr(stor[x]))
						}
						return linarr
					},
					//翻页
					changepagestor(nowpage){
						var stor = []
						var linarr = []

						var start = (nowpage*1-1)*20
						var end = (nowpage*1)*20

						stor = this.getstor('number').slice(start,end)
						console.log("读取缓存");
						console.log(stor);
						console.log(start,end);
						for(var x=0;x<stor.length;x++){
							linarr.push(this.slicestr(stor[x]))
						}
						this.list = linarr
						// this.list2 = linarr
					},
					sortFun:function(arr, name, type){
						const compare = (prop) => {
						return function(obj1, obj2) {
							let val1 = obj1[prop];
							let val2 = obj2[prop];
							if (val1 < val2) {
							return -1;
							} else if (val1 > val2) {
							return 1;
							} else {
							return 0;
							}
						}
						}
						if (type == 'desc') {
						return arr.sort(compare(name));
						} else {
						return arr.sort(compare(name)).reverse();
						}
					},
					//分割字符串为数组
					slicestr:function(num){
						console.log('要分割的内容')
						

						


						// var numarr = num.mobile.split(num.rule)

						var arr = []

						if(num.rule){
							var starti = num.mobile.lastIndexOf(num.rule)
							var endi = starti+num.rule.length

							console.log(starti,endi)

							arr[0] = num.mobile.slice(0,starti)
							arr[1] = num.mobile.slice(starti,endi)
							arr[2] = num.mobile.slice(endi,11)
						}else{
							arr[0] = num.mobile
							arr[1] = ''
							arr[2] = ''
						}
					
						
						num.mobile = arr 

						// console.log('要分割的内容')

						return num
					},
					// 获取省市区
					async getssq (){
						await axios.get(`${this.apis}/api/ip-address/get`)
						.then(response => {
							if(response.data.msg.code == 0){
							if(response.data.data.length){
								sessionStorage.setItem('sheng', response.data.data.addressComponent.province)
								sessionStorage.setItem('shi', response.data.data.addressComponent.city)
								sessionStorage.setItem('qu', response.data.data.addressComponent.district)
							}else{
								sessionStorage.setItem('sheng', '')
								sessionStorage.setItem('shi', '')
								sessionStorage.setItem('qu', '')
							}
							
							}else{
							sessionStorage.setItem('sheng', '')
							sessionStorage.setItem('shi', '')
							sessionStorage.setItem('qu', '')
							// this.$message.error(response.data.msg.info);
							vant.Toast(response.data.msg.info);
							}
						});
					},
					//不要四
					checkfoutboxChange(e){
						console.log(e)
						this.pagenum = 1
						this.getlist()
					},
					changeagree(e){
						
						if(this.checked){
							if(this.peizhi.protocol_qz){
								//强制
								this.dakaixieyi(0,'qz')
								this.logqueding = true
							}
						}
					},
					butongyi(){
						this.checked = false
						this.logqueding = false
					}
				}
			});
		</script>
	</body>

</html>
